gipfel.kz

Редизайн интернет-магазина кухонной посуды Gipfel

Сайт gipfel.ru разработан компанией Afonico M&D

Компания Gipfel – всемирно известный бренд, который покоряет сердца людей своей посудой и кухонными аксессуарами.

Before Website Image
До
After Website Image
После
Layouts Image

Презентация проекта

Какие вопросы мы рассмотрим:

  • Подход, трудности, пути решения задачи;
  • Архитектура проектирования сайта;
  • Основные разделы сайта;
  • Нюансы при интеграции;
  • Версия для слабовидящих.

Главная страница

Heading Image Before 1

Недостатки

  • дисбаланс сторон
  • нет логической последовательности элементов в шапке
  • узкий слайдер, продаваемые товары выглядят мелко
Heading Image After 1

Улучшение

  • настроили балансировку сторон по всему сайту, добились гармонии
  • следим за пользователем, думаем как пользователь — делаем
  • увеличили слайдер, продукцию подали крупнее
Шапка и слайдер
Heading Image Before 2

Недостатки

  • каталоги смотрятся блекло, однообразно
  • продукты питания за счет яркости выходят на первый план
  • мелкая сетка товаров
Heading Image After 2

Улучшение

  • каталоги товаров сделали отдельными яркими пятнами
  • посуда смотрится контрастно, визуально блоки отделены друг от друга
  • увеличили сетку товаров, показали продукцию крупнее и насыщеннее
Каталог товаров
Heading Image Before 3

Недостатки

  • фото продукции в неявном виде
  • элементы плитки идут последовательно друг под другом
Heading Image After 3

Улучшение

  • заменили фото продукции
  • структурировали элементы плитки товаров
Плитка товаров
Slider Image 1
Обновление слайдера
Slider Image 2
Slider Image 3
Slider Image 4

Улучшение

Карточка товара

Heading Image Before 4

Недостатки

  • много пустого пространства
  • нет информации о наличии товара
  • лишние, неиспользуемые вкладки в описании товара
Heading Image After 4

Улучшение

  • скомпоновали информацию
  • структурировали элементы плитки товаров
  • добавили блок «Смежных товаров»
Карточка-описание

Основной цвет

#00245e

Доп. цвет

#002c72

Доп. цвет

#f7f7f7

Доп. цвет

#ffffff

Очень глубокие, тяжелые цвета

Основной цвет

#034488

Доп. цвет

#0453a5

Доп. цвет

#424f60

Доп. цвет

#f6f6f7

Доп. цвет

#ffffff

Смягчили цвета, сделали более приятным восприятие

Карточка-описание

Карточка товара

First Mobile
Second Mobile
Third Mobile
Fourth Mobile

Технологии разработки

HTML and CSS logo JavaScript logo Php logo Bitrix logo


Напишите нам

Посмотреть проект:

GIPFEL.RU
Назад в портфолио