Магма Йога

Главная страница

Magma Yoga — это проект, наполненный красотой, лёгкостью и воздушностью, как для нас, так и для заказчика. Wellness студия «Магма йога» уникальна тем, что занятия проводятся в зале при температуре воздуха от 36 до 39 градусов. Поэтому перед нами стояла задача объединить горячую горную породу — магму с чем-то плавным, гибким и светлым, то есть йогой.

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

Что этот сайт делает особенным?

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

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

Третье — эффект глубины и выход за рамки вашего монитора. Когда посетитель сайта оказывается в разделе «виды занятий» и прокручивает ленту в конец, то все изображения появляются сбоку, а не снизу, как можно подумать. Такой же эффект можно заметить на главной странице, где представлен instagram студии.

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

Что касается функционала сайта

Удобная фишка сайта — это сервис YClients. С помощью него можно оставить заявку, записаться на занятие или сеанс спа, посмотреть какие-то делали услуги и тут же оплатить. Для самой компании это выгодно тем, что все данные о клиентах хранятся в одной базе по типу, как CRM.

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

Адаптив

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

Макеты////