Создание сайта сети фитнес-клубов «Малибу»

Цели

Создание сайта с простой навигацией для сети фитнес-клубов «Малибу»

Решения

В рамках проекта самым сложным этапом стала проработка структуры сайта. Желание заказчика –удобное и простое в навигации отображение информации обо всех тридцати фитнес-клубов из сети «Малибу».

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

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

На главной странице добавлен видеоряд и несколько точек захвата пользователя (кнопки на главных слайдерах и на экране с видеорядом).

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

На внутренних страницах клуба расположен блок с фото сотрудников центра.

На слайдерах внутренних страниц предусмотрена форма записи на первое пробное занятие в выбранном фитнес-клубе сети.

Этапы выполнения работ:

  1. Разработка прототипа сайта со сложной структурой, но простой для пользователя навигацией.
  2. Создание индивидуального дизайна сайта в стилистике логотипа сети фитнес-клубов «Малибу».
  3. Адаптивная верстка сайта, подключение форм обратной связи.
  4. Проверка работоспособности всех элементов сайта и сдача проекта.

Одностраничный сайт Green Business Solutions

Создание одностраничного сайта на базе готового решения для группы компаний Green Business Solutions.

Цели и задачи

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

Решения

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

Этапы выполнения проекта:

  1. Формирование структуры сайта.
  2. Подбор готового решения.
  3. Сборка и наполнение сайта контентом,
  4. Проверка работоспособности всех элементов и навигации.

Разработка сайта для Броварского завода пластмасс

Создание лаконичного корпоративного сайта с элементами интернет-магазина для ОАО «Броварський завод пластмас».

Цели и задачи

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

Решения

Сайт разработан в корпоративной стилистике компании. На главной странице мультимедийные элементы стилизованы под продукцию компании (трубы). С увеличения удобства пользования ресурсом и получением контактных данных для последующей обработки отделом продаж, были добавлены точки захвата: «Заказать обратный звонок», «Заказать в один клик». Настроена удобная навигация между видами продукции.

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

На главной странице расположены графические элементы, по стилистике повторяющие строгие формы логотипа.

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

Учитывая специфику организационно-правовой формы компании – Открытое акционерное общество, был предусмотрен раздел для регулярного обновления информации о компании. Чтобы упростить Клиенту наполнение сайта, была создана страница с возможностью добавления документации в PDF-формате через административную панель.

Этапы выполнения проекта:

  1. Разработка прототипа, проработка навигации между страницами.
  2. Создание индивидуального дизайна сайта в корпоративной стилистике.
  3. Адаптивная верстка сайта.
  4. Наполнение сайта контентом, проверка работоспособности всех элементов и навигации.

Разработка сайтов для ООО «НОВА СТАЛЬ»

Разработка двух сайтов для ООО «НОВА СТАЛЬ» — корпоративный сайт и сайт по продаже профнастила и металлочерепицы.

Цели и задачи

Создание двух сайтов в одной корпоративной стилистике, но разной направленности. Полноценный корпоративный сайт для B2B сегмента – сотрудничества с дилерами оцинкованной стали в рулонах по Украине и сайт с элементами интернет-магазина для B2C сегмента по продаже профнастила и металлочерепицы конечным потребителем.

Решение

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

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

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

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

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

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

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

Этапы выполнения проекта:

  1. Создание прототипа для сайтов.
  2. Разработка индивидуального дизайна в корпоративном стиле. Адаптация дизайна для каждого ресурса.
  3. Адаптивная верстка сайтов.
  4. Базовое наполнение контентом, проверка работоспособности всех элементов ресурса.
  5. Сдача проекта.

Создание корпоративного сайта СБ «Статус»

Цели

Разработка корпоративного сайта СБ «Статус» с элементами захвата клиентов. Создание удобной панели администрирования для добавления контента и обновления информации о новостях и акциях.

Решения

Создание корпоративного сайта с лаконичным дизайном. Добавление формы онлайн-расчета стоимости услуг (в виде калькулятора) и кабинета плательщика за услуги онлайн.

Сайт выполнен в светлых цветах, которые гармонируют с логотипом СБ «Статус». Навигация по сайту разработана таким образом, чтобы клиент мог быстро найти интересующие его услуги. Страницы разбиты по типу предоставляемых услуг.

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

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

В режиме онлайн пользователь сможет посчитать итоговую стоимость услуг охраны при помощи интерактивного калькулятора. Справа от калькулятора – форма обратного звонка.

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

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

На страницах сайта расположена разрешительная документация и сертификаты компании в .jpg и .docx форматах.

Этапы реализации проекта:

  1. Разработка прототипа сайта, основных страниц навигации.
  2. Разработка дизайна сайта, прорисовка отдельных страниц и элементов.
  3. Верстка сайта. Создание адаптивной верстки сайта, анимации на главной и внутренних страницах.
  4. Подключение платежных сервисов для оплаты услуг онлайн.
  5. Проверка работоспособности всех элементов сайта и сдача проекта.

Разработка Langing Page для франшизы сети фитнес-клубов «Малибу»

Цели

Создание посадочной страницы с высокой конверсией для франшизы сети Фитнес-клубов «Малибу»

Решение

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

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

Слайдеры между экранами дополнены Parallax-эффектом. Это не влияет на скорость загрузки сайта, но смотрится стильно и оригинально.

На одном из экранов расположена интерактивная карта локаций фитнес-клубов «Малибу». При наводке курсором пользователь видит количество клубов в той или иной области.

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

Этапы реализации проекта:

  1. Разработка прототипа посадочной страницы.
  2. Создание индивидуального дизайна Landing Page.
  3. Проработка конверсионных элементов и точек захвата клиентов.
  4. Верстка сайта. Адаптивная верстка с анимированными счетчиками и Parallax-эффектом на слайдерах.
  5. Проверка работоспособности ресурса и сдача проекта.

Сайт для ООО «Охрана и Технологии»

Создание корпоративного сайта для ООО «Охрана и Технологии». Разработка сайта с нуля – от прототипа и индивидуального дизайна до базового наполнения контентом.

Цели и задачи

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

Решения

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

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

На анимированный слайдер главной страницы вынесены преимущества компании для увеличения конверсии сайта.

На главную страницу вынесены отзывы клиентов – необходимый параметр выбора охранной компании.

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

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

Этапы выполнения проекта:

  1. Создание структуры сайта и прототипа на основе приоритетных услуг компании.
  2. Разработка индивидуального дизайна сайта в корпоративной стилистике.
  3. Адаптивная верстка сайта.
  4. Наполнение страниц контентом, тестирование работоспособности ресурса.
  5. Сдача проекта.

Landing Page для Lightbox.kiev.ua

Цели

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

Решения

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

Интерактивный счетчик срока выполнения работ над формой обратного звонка автоматически подстраивается под текущую дату. Когда клиент заходит на сайт, в заголовок автоматически подставляется дата сдачи проекта (вывески).

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

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

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

Этапы разработки проекта:

  1. Разработка макета лендинга. На этом этапе дизайнер отрисовывает макет будущей посадочной страницы.
  2. Верстка. Адаптивная верстка с использованием анимации, интерактивного счетчика сроков выполнения работ позволила создать интересную и динамичную посадочную страницу.
  3. Наполнение посадочной страницы графическими и текстовыми элементами.
  4. Проверка работоспособности и запуск лендинга.