Создание сайта для компании Orange Club
Назад к блогу
27.03.2019
Создание сайта для компании Orange Club
Клиент: Orangeclub   Сайт: https://www.orangeclub.fit/   Дата запуска: 05.02.2019   О заказчике: Компания Orange Club работающая в индустрии здорового образа жизни и продающая продукты для здорового питания обратилась в нашу компанию с целью создания сильного уз...

Клиент:

Orangeclub

 

Сайт:

https://www.orangeclub.fit/

 

Дата запуска:

05.02.2019

 

О заказчике:

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

 

Экспертиза:

Отрисовка дизайна

Имплементация дизайна

Программирование

 

Цели:

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

 

Задача:

Фирменная стилистика

Оригинальный дизайн

Разработка корпоративного сайта

Адаптивная верстка под все типы устройств

 

Решение:

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

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

 

 

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

 

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



 

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

 

 

Описание сотрудников компании выполнен в стиле карусели со слайдами с фото, именем и краткой информацией о сотруднике.  

 










 

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

 

 

Большинство слайдеров на сайте выполнены вертикально с эффектом перелистывания и содержат фото и описание слайда. Косые линии выделяют и обращают внимание на самую важную информацию на сайте.

 

 

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

 

 

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

 






 

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

 

 

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

 

 

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

 

 

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

 




 

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



 

 

 

Все Pop-up сделаны в фирменном стиле с содержанием стилистики всех элементов, красивым выполнением чекбоксов и активных элементов.

 




 

Описание сайта:

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

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


 

Заключение:

Команда компании Promodex проделала большую работу по созданию действительно уникального и запоминающегося сайта. Все цвета элементы гармонично смотрятся в сочетании и оставляют неизгладимое впечатление от посещения сайта.