Сайт для тренера по йоге

КЕЙС РЕДИЗАЙНА САЙТА С ДОРАБОТКОЙ ФУНКЦИОНАЛА

Сайт для тренера по йоге — Изображение №1 — Интерфейсы на Dprofile


ПРЕДЫСТОРИЯ


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

Сайт для тренера по йоге — Изображение №2 — Интерфейсы на Dprofile



На этот раз передо мной стояла задача превратить лендинг в полноценный сайт. Количество услуг расширилось, пожелания к внешнему виду – легко, светло, с изюминкой и с бюджетом до 70 тысяч рублей.

Мною были разработаны первоначальные макеты, на основе данных, выданых клиентом + информация с уже существующей страницы. Таким образом появилось две страницы (главная и страница услуги, котороя должна была стать шаблоном для других услуг). Именно на их основе проходила отработка замечаний, и согласование дизайна.


Сайт для тренера по йоге — Изображение №3 — Интерфейсы на Dprofile



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


Обложки отняли треть времени по работе над сайтом, заказчик вроде бы утверждал итоговый вариант, но потом высказывал сомнения, и мы искали, искали, искали... Итоговый результат, на мой взгяд, не самый удачный, но Лиле была в восторге, поэтому остановились на нём (правый верхний, за буквами на странице сайта проигрывается видео)


Сайт для тренера по йоге — Изображение №4 — Интерфейсы на Dprofile



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


Сайт для тренера по йоге — Изображение №5 — Интерфейсы на Dprofile
Сайт для тренера по йоге — Изображение №6 — Интерфейсы на Dprofile
Сайт для тренера по йоге — Изображение №7 — Интерфейсы на Dprofile
Сайт для тренера по йоге — Изображение №8 — Интерфейсы на Dprofile



Мобильные страницы адаптированы, и также различаются по цветам.

Для расширения экрана более 1200 px была добавлена анимация – точка, захватывающая внимание, и ведущая взгляд через всю страницу вдоль красной линии.

Сайт для тренера по йоге — Изображение №9 — Интерфейсы на Dprofile
Сайт для тренера по йоге — Изображение №10 — Интерфейсы на Dprofile



В итоге получился хороший сайт. Не без косяков, конечно, но я постоянно работаю над его улучшением. Впереди нас ждут разработка англоязычной версии и обновление услуг (как говорится, ничто не вечно, особенно в мире современных йогов и дизайнеров ;)

Спасибо за просмотр!

Оценить

Добавить в коллекции...

От автора