Сайт салона красоты и интернет-магазин

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

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

У сайта салона красоты практически нет типовых страниц. Т.е страниц с одинаковым дизайном. У каждой страницы закладывалась своя структура, презентующая нужную информацию. Поэтому пришлось отрисовать в персональном дизайне практически все страницы сайта.

Информационный упор на сайте направлен на услуги салона красоты. Этой информации посвящена часть главной страницы, а так же отдельный раздел сайта. Для удобства посетителей сайта, страница каждой услуги содержит подробное описание с таблицей прайс-листа на все виды данной услуги.

Отдельный раздел сайта посвящен портфолио реальных работ салона. Для удобства просмотра, все фото адаптируются под визуально наглядную сетку и, при нажатие, открываются во весь экран во всплывающем окне.

Интернет-магазин салона красоты

Фото работ салона красоты легко добавляются на сайт через панель управления, путем перетаскивания.

По такому же принципу реализован раздел "О салоне". Для повышения уровня доверия посетителей к салону, раздел максимально раскрывает информацию о салоне, которой интересуются клиенты.

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

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

Проектирование структуры интернет-магазина салона красоты

Прототипирование
сайта

Создали логичный и понятный прототип интернет-магазина

Структура интернет-магазина салона красоты

Современный дизайн интернет-магазина салона красоты

UX/UI
дизайн сайта

Разработали персональный дизайн интернет-магазина, на основе брендбука салона красоты


интернет-магазина салона красоты

Сайт салона красоты содержит два каталога - каталог услуги и каталог товаров. Каталог услуг монетизируется сайт через быструю онлайн запись в салон. Каталог товаров же несет функцию интернет-магазина. На сайте реализован функционал онлайн авторизации и процедуру оформления заказа. Встроена услуга эквайринга через интеграцию с платежным сервисом Юкасса.

UX/UI дизайн интернет-магазина салона красоты

Интернет-магазин содержит личный кабинет пользователя. В личном кабинете хранится информация о совершенных заказах, отображаются статусы и история заказав. Присутствует возможность отмены заказа, а так же повтора ранее совершенного заказа. Настроена система почтовых уведомлений покупателей. Помимо этого, для упрощения процесса повторной покупки в магазине реализован функционал сохранения информации плательщика.

Т.е. когда клиент совершает в интернет-магазине повторную покупку, система помнит все его данные оплаты и доставки и автоматически заполняет ими поля заказа.публикация листов Letraset с образцами Lorem Ipsum в 60-х годах и, в более недавнее время, программы электронной вёрстки типа Aldus PageMaker, в шаблонах которых используется Lorem Ipsum.

дизайн интернет-магазина салона красоты
Ускоренная загрузка страниц

Скоростная загрузка
страниц сайта

Ручной процесс написания и оптимизации кода гарантирует
легкость страницы и максимально быструю загрузку.

быстрая загрузка страниц сайта
Удобная панель управления

Удобная панель управления

Каталогом интернет-магазина очень легко управлять через
интуитивно понятную административную панель сайта

удобная административная панель сайта
гибкая фильтрация

Гибкая фильтрация

Гибкая фильтрация товаров по свойствам, характеристикам и цене помогает
посетителям салона красоты быстро подобрать себе нужный товар и сразу оформить заказа


Гибкая фильтрация косметики

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

Т.е. чем покупатель больше сужает параметры подбора, отмечая условия фильтрации, тем меньше товаров подпадает под эти условия. И для удобства пользования, фильтр скрывает все параметры, в которых нет товаров с нужными требованиями.

адаптивная верстка

Адаптивная верстка

Интернет-магазин салона красоты адаптирован под все виды мобильных устройств. Специфика бизнеса Заказчика подразумевает, что на сайт будут в основном заходить с мобильных устройств, поэтому адаптивности мы уделили особое внимание.


адаптивная верстка интернет-магазина под ключ
список выполненных работ при создание сайта

Список выполненных работ

  1. Прототипирование сайта в соответствие с контентом, предоставленным заказчиком
  2. Индивидуальный UX/UI дизайн, в соответствие с пожеланиями заказчика
  3. Верстка макетов всех страниц сайта (HTML5 + CSS3 + Jquery)
  4. Адаптивная верстка (под все виды мобильных устройств)
  5. Лицензия 1С Битрикс "Малый Бизнес"
  6. Интеграция html шаблона с cms.
  7. Многоуровневый каталог товаров (неограниченное количество разделов)
  8. Удобная корзина (с авто перерасчетом стоимости)
  9. Конструктор скидок (купоны, сценарии, условия скидок)
  10. Личный кабинет (история заказов, статусы, подписки)
  11. Варианты оплаты (Наличными курьеру, Безналичный расчет, Картой Visa / Mastercard, Яндекс Деньги)
  12. Варианты доставки (Самовывоз, Курьер (в пределах МКАД), Курьер (Московская область))
  13. SMS-рассылки (информирование клиентов в sms)
  14. Авторизация по телефону (без паролей и логинов)
  15. Интеграция с базой 1С (двунаправленный обмен с 1С)
  16. Выгрузка заказов в 1С (в режиме реалтайм)
  17. Совместимость с Яндекс.Маркет (интеграция с сервисом)
  18. Гибкая фильтрация товаров (подбор по брендам, характеристикам, цене)
  19. Система статистики продаж (график продаж, покупатели, заказы)
  20. Сегментация покупателей (формирование групп покупателей)
  21. Быстрый просмотр
  22. Модуль "Избранное" (отдельный список, куда добавляются понравившиеся товары)
  23. Модуль "С этим товаром покупают" (отображает связанные товары)
  24. Модуль "Возможно заинтересует" (отображает аналогичные товары)
  25. SEO-оптимизация (все инструменты есть в админке)
  26. E-mail рассылки (встроенный сервис E-mail рассылок)
  27. Англоязычная версия сайта
  28. Онлайн консультант
  29. Обратный звонок
  30. Наполнение основных страниц сайта (контент предоставляет заказчик)
  31. Настройка кеширования всех компонентов сайта
  32. Настройка генерации sitemap, robots.txt
  33. Создание почтовых адресов сайта
  34. Настройка хостинга и перенос сайта
  35. Тестирование всего проекта на наличие ошибок в работе
  36. Фильтр (количество свойств)
  37. Программирование и настройка всех компонентов
  38. Функционал "Избранное"
  39. Наполнение основных страниц сайта (контент предоставляет заказчик)
  40. Настройка кеширования всех компонентов сайта
  41. Настройка генерации sitemap, robots.txt
  42. Создание почтовых адресов сайта
  43. Настройка хостинга и перенос сайта
  44. Тестирование всего проекта на наличие ошибок в работе