Скриншоты
Как это выглядело в работе
Материалы проекта: макеты страниц интернет-магазина.
Для интернет-магазина косметики мы разработали полный дизайн на основе проработанного прототипа: 18 типовых страниц, бренд-ориентированная подача, гео-модуль на 30 городов и SEO-блоки, встроенные прямо в макеты. Современно, строго и без перегруза.
Клиенту требовался дизайн интернет-магазина косметики: современный, строгий, не перегруженный элементами. В нише косметики визуал решает многое — покупатель приходит за эстетикой, и сайт обязан её транслировать с первого экрана.
Работали не с нуля, а на основе детально проработанного прототипа: в нём уже были заложены структура страниц, коммерческие элементы и SEO-требования. Задача дизайнера — превратить схемы в бренд-ориентированный визуал без потери функциональности.
Всего предстояло отрисовать 18 типовых страниц: от главной и категорий до карточки товара, корзины и служебных разделов.
Каждый блок в макете имеет назначение — коммерческое или поисковое.
Шапка собрана под удобство покупателя: гео-модуль с выбором из 30 городов присутствия, заказ обратного звонка, поиск по каталогу, личный кабинет со входом через соцсети, избранное и корзина. Выпадающее меню каталога показывает коллекции и акции — покупатель попадает в нужный раздел за один клик.
Листинг категории: хлебные крошки, заголовок H1, слайдер коллекций и карточки товаров. Фильтр дополнили кнопкой «Помощь в выборе» — для косметики это важный сценарий: не все покупатели знают точное название нужного средства.
SEO-блоки встроили прямо в дизайн: ручной слайдер товаров позволяет выводить позиции с нужными LSI-словами в названиях, а текст категории свёрстан с баннером, чтобы не выглядеть «простынёй». Ниже — блок подписки и подвал с полной навигацией. Сейчас сайт дорабатывается по этим макетам.
Материалы проекта: макеты страниц интернет-магазина.
Клиент получил полный комплект из 18 типовых страниц: дизайн отражает характер бренда, а каждый блок несёт функцию — от гео-модуля до SEO-слайдера. Разработчикам не нужно ничего додумывать: макеты закрывают все сценарии.
Сайт сейчас дорабатывается по этим макетам — коммерческие и поисковые элементы будут работать с первого дня запуска.
«Хотели дизайн, который не стыдно показать рядом с крупными брендами косметики. Получили строгие, современные макеты, и при этом внутри уже всё продумано под SEO — не пришлось потом переделывать.»
Вывод: дизайн на основе проработанного прототипа экономит месяцы — коммерческие и SEO-решения принимаются до отрисовки, а не после запуска.
Оставьте адрес сайта — аудит-движок проверит его по 200 пунктам, покажем точки роста и пришлём план работ с часами, как в этом кейсе.
Получить бесплатный аудитЗаполните форму — ответим в течение рабочего часа.
Нажимая кнопку, вы соглашаетесь с политикой обработки ПДн и даёте согласие