Авторизация
Сброс пароля
Стильный сайт с интерактивом на главной страницей для лидирующей компании, которая обеспечивает медицинские, исследовательские и промышленные лаборатории широким спектром иммунологических наборов реагентов.
1. Вводная задача от заказчика, проблематика, цели
У компании был рабочий сайт, однако имелись определенный проблемы: устаревший дизайн, отсутствовала адаптация под мобильные устройства, текстовые блоки были не структурированы и перенасыщены информацией.
Перед нами стояла несколько глобальных задачи:
- сделать новый презентабельный сайт с адаптивной версткой;
- упорядочить и структурировать большой объем информации для пользователя.
Дмитрий Кияшко
Генеральный директор, MaxStyle
Разработку начали с предпроектной аналитики и аудита старой версии сайта. Провели конкурентный анализ и предложили сделать на главной странице промо элемент и интерактив с возможностью для пользователя пройти тест, тем самым захватить его внимание. Для внутренних страниц разработали уникальные иллюстрации с анимацией. Информацию структурировали в блоки, вынесли важную в каждый раздел и подкрепили дополнительными страницами для более глубокого изучения.
Страница интерактивного теста.
Страница интерактивного теста.
Страница интерактивного теста.
2. Описание реализации кейса и творческого пути по поиску оптимального решения
- 1. Описание концепта
В основе главной странице - motion-дизайн. Пользователь видит лабораторию с 4-мя детально прорисованными планами, чтобы создавался эффект погружения. Проскролив, «пролетает» на второй план, где можно пройти тест или пропустить его, и попадает на страницу с шестью видами продукции.
Кроме основной промо-страницы на всех остальных размещены сквозные блоки, где есть возможность ознакомиться с полной информацией о компании и продуктах. Причем подвиды упорядочены, чтобы не возвращаться туда-обратно. И основной упор сделан на удобстве подачи информации.
Все страницы выполнены в едином стиле, разработаны иконки, инфографика, контент размещен по сетке. Каждый из разделов оформлен в своем оттенке цвета, чтобы юзер не потерялся.
- 2. Разработка прототипов
На основе предпроектной аналитики была разработана подробная структура сайта. Вся информация сгруппирована по разделам в соответствии c основными правилами юзабилити.
- 3.Адаптивная верстка
Сайт отлично ведет себя на мобильных устройствах благодаря адаптивной верстке и отрисованным макетам.
- 4. Программная разработка
В качестве системы управления был выбран 1с-Битрикс. Весь контент на сайте редактируется с помощью инфоблоков внутри админки или упрощенного текстового редактора в рамках каждой страницы.
Страница главного меню с анимацией.
Одна из шести навигационных страниц.
Внутренняя страница сайта "О Компании"
3. Результаты сотрудничества
В результате мы превзошли ожидания клиента, удивив созданной главной страницей. Сайт выигрышно смотрится на фоне конкурентов и отлично предоставляет структурированную информацию, интуитивен и понятен для пользователя.
4. Заключение
Получив задание от клиента, мы подошли к проекту максимально креативно, разработали концепцию, следовали ей по ходу реализации. На выходе получили качественный с оригинальной главной промо-страницей.
Если вам понравился этот проект и у вас есть схожая задача, то ждем вас у себя в офисе за чашечкой кофе.
Также с нами можно связаться по телефону +7 (495) 660-38-40 или по электронной почте info@maxstyle.ru будем рады помочь в решении ваших задач.