Создание сайтов в Калуге. Кейс: Студия сахарной эпиляции "Сахарок"

Студия сахарной эпиляции "Сахарок"
Кейс сахарок главный экран

О проекте

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

Что сделано

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

Выбрали следующую структуру сайта:

1. Главная страница - один экран с минимумом графики и кнопкой записи. Это обусловлено требованием наиболее быстрой загрузки. По этой же причине на главной странице используется только svg-графика.
2. Для тех, кто не целенаправленно пришел на сайт для записи, должна быть дополнительная информация о студии сахарной эпиляции, на которую ведет кнопка с главной страницы.
3. Также выделили отдельный раздел новостей, оформленный в виде блога. Это благоприятно отразится на SEO-продвижении.

Дизайн, адаптированный для всех разрешений выглядит так:

Дизайн сахарок

Сделал прототипирование для отладки пользовательского интерфейса в динамике:

Дизайн сахарок

Шрифты и цвета

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

  • #E568A2 #FDB773
  • #E568A2
  • #505565
  • #F0F1F3
  • #D3D4D8
  • #232735
ШрифтOPEN SANS BoldOPEN SANS SemiBoldOPEN SANS Regular

Адаптивный дизайн

Сайт оптимизирован для самых популярных типов устройств.

Кейс сахарок главный экран десктоп
Кейс сахарок главный экран планшет Кейс сахарок главный экран мобильный
Кейс сахарок скриншот

Графика для retina

Все изображения на сайте адаптированы для retina-экранов (экранов высокой четкости).

Дизайн сахарок адаптирован для retina

Сайт как приложение

В сайте реализован функционал Progressive Web Application - он позволяет установить сайт на телефон как обычное приложение запускать его прямо с телефона. Клиенту удобно записыватся в пару кликов.

Дизайн сахарок адаптирован pwa

Скорость загрузки

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

Дизайн сахарок тест скорости

Итог

Сайт запущен и исправно выполняет свои задачи записи посетителей онлайн. Также подключил на сайт онлайн-чат для оперативной консультации посетителей.

Кейс сахарок чат Кейс сахарок чат Кейс сахарок запись 1-й экран Кейс сахарок запись 2-й экран

Связаться со мной

dev@rumaxoft.ru8 (980) 716-15-84