Авторизация
Забыли пароль?
Сброс пароля
Вернуться к авторизации
Digital-кейс дня

Полноценный сайт Dr. Fooke

Вхождение в кейс дня

14 марта ‘18

Заказчик: Dr. Fooke Laboratorien GmbH

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

Агентство-исполнитель кейса

MaxStyle

MaxStyle Digital Agency специализируется на создании сайтов. Мы чрезвычайно любим красивый и технологичный дизайн, заряженный анимацией. Для Доктор Фооке был разработан уникальный креативный концепт, созданы иллюстрации, 3d модели, инфографика.

1. Вводная задача от заказчика, проблематика, цели

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

Перед нами стояла несколько глобальных задачи:

  • сделать новый презентабельный сайт с адаптивной версткой;
  • упорядочить и структурировать большой объем информации для пользователя.

Дмитрий Кияшко

Генеральный директор, MaxStyle

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

Страница интерактивного теста.

Страница интерактивного теста.

Страница интерактивного теста.

2. Описание реализации кейса и творческого пути по поиску оптимального решения

  • 1. Описание концепта

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

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

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

  • 2. Разработка прототипов

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

  • 3.Адаптивная верстка

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

  • 4. Программная разработка

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

Страница главного меню с анимацией.

Одна из шести навигационных страниц.

Внутренняя страница сайта "О Компании"

3. Результаты сотрудничества

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

4. Заключение

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

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

Также с нами можно связаться по телефону +7 (495) 660-38-40 или по электронной почте info@maxstyle.ru будем рады помочь в решении ваших задач.

Агентство-исполнитель кейса

MaxStyle

MaxStyle Digital Agency специализируется на создании сайтов. Мы чрезвычайно любим красивый и технологичный дизайн, заряженный анимацией. Для Доктор Фооке был разработан уникальный креативный концепт, созданы иллюстрации, 3d модели, инфографика.