Кейс: Магазин Корейской косметики с функцией личного кабинета
Клиент:
Марина решила открыть интернет-торговлю корейской косметикой. Начала самостоятельно делать сайт на Тильде, но обнаружила столько нюансов, что решила обратиться к профессиональному веб-дизайнеру.
Проблема:
Очень много магазинов корейской косметики. Все они похожи друг на друга. Сэкономить бюджет.
Задача:
Создать премиальный дизайн магазина косметики, не перегруженный элементами, но функциональный. Подключение эквайринга и сервисов доставки. Большое желание Марины было наличие Личного кабинета, с отслеживанием предыдущих заказов, начислением бонусов и возможностью ими оплачивать товар на сайт.
Что было сделано?
Пообщались с Мариной, выяснила какими функциями должен обладать каталог магазина и личный кабинет.
Решено было, что для экономии бюджета Марина сама будет заполнять карточки с товаром, тем более что она уже освоилась немного с платформой.
Решено было, что для экономии бюджета Марина сама будет заполнять карточки с товаром, тем более что она уже освоилась немного с платформой.
Проанализировала прямых конкурентов, чтобы понять, в чём они проседают и чего на их сайтах не хватает. Оказалось, что у большинства огромные каталоги с кучей фильтров. Решено было оптимизировать фильтрацию товаров. Для удобства переключение между категориями товаров в каталоге у нас по табам наверху, чтобы не перегружать фильтрацию слева.
Проработала структуру сайта, чтобы всё было максимально удобно. В каталоге использованы «хлебные крошки» — для быстрого возвращения в нужную категорию.
Проработала структуру сайта, чтобы всё было максимально удобно. В каталоге использованы «хлебные крошки» — для быстрого возвращения в нужную категорию.
Был разработан изысканный минималистичный дизайн в тонах. Добавлена ненавязчивая анимация элементам.
Добавлено немного анимации элементам
Добавлено немного анимации элементам
Отдельно разрабатывался Личный кабинет. При регистрации в кабинете клиенту начисляются первые 500 баллов, которыми он может воспользоваться уже при оплате первой покупки. Все заказы хранятся также в кабинете, чтобы в любой момент клиент мог посмотреть, что он приобретал и повторить заказ. Спасибо за помощь в организации Личного кабинета коллегам Светлане Мочеговой и Саше Нарчевской. Без них у меня бы этот проект не получился.
А теперь отдельно по некоторым элементам:
- Изначально меню было стандартное, стояла кнопка с надписью «Личный кабинет». Но клиент решила, что нужно сделать иконку вместо надписи.
- Сверстали в Зеро-блоке. Фиксация при скроле и изменения цвета текста при наведении и подчеркивание активного пункта — было сделано при помощи html-кода.
- Решено было создать отдельную страницу с блогом, где Мариной будут добавляться SEO-статьи со вшитыми ключами для органического продвижения.
- Были подключены несколько видов доставки: курьером по Мск, СДЭК и Боксберри по России.
- Сделана адаптивная вёрстка под мобильные устройства.
- Проведены технические настройки: подключён домен, ssl-сертификат, настроена доменная почта и первичные seo-настройки.
