Задача: разработать сайт-магазин для компании 1АК по продаже аккумуляторов на российском рынке.

Решение: удобный сайт, с помощью которого можно быстро купить новый аккумулятор. Делаем упор на адаптивную версию для мобильных устройств, т.к. у пользователей задача поменять аккумулятор часто возникает в черезвычайных ситуациях или в дороге.

Заказчик просит показывать на главной все типы аккумуляторов. Готовим первый вариант главной страницы.

1ak.ru
Чтобы пользователи могли быстро находить нужный товар, помещаем поиск и ссылку на каталог сверху
Пункты каталога размещаем в плитке
Юзеры могут искать подходящие аккумуляторы по брендам
Добавляем отдельный блок с акционными товарами

Показываем вариант главной заказчику. Он сообщает, что нужно добавить больше категорий аккумуляторов, бренды следует показывать логотипами, так их быстрее найти, от блока с акционными товарами можно отказаться.

1ak.ru
Показываем яркую плашку с основной акцией компании
Категории каталога размещаем в плитке с интересной версткой

Демонстрируем изменения заказчику: этаж с категориями аккумуляторов все равно не подходит, он занимает слишком много места и не помещается в первом экране.

Правим макет главной, учитывая это замечание.

1ak.ru
Добавляем функцию подбора по марке авто
По настоятельной просьбе заказчика, помещаем все категории в один ряд

Показываем заказчику — все хорошо, правок по главной больше нет.

Дизайним страницы каталога.

1ak.ru
Проектируем умный фильтр: при изменении параметров возникает всплывающая стрелка-кнопка

Делаем информативную карточку товара.

Продумываем функцию подбора по марке авто. Благодаря этой фиче достаточно ввести параметры автомобиля, а позже можно уточнить запрос фильтрацией по параметрам аккумуляторов.

Дизайним страницу товара.

1ak.ru
Показываем варианты доставки
Пользователь может оставить свой отзыв

Заказчик утверждает наши макеты без правок.

Готовим страницы корзины и оформления заказа.

Проектируем умный поиск: даже при вводе текста на русском языке, он понимает запрос.

Готовим адаптивную версию и отдаем макеты на верстку и программирование. Теперь весь сайт удобен на любом устройстве.