Langvey

The water of the future

Вода Лангвей Вода Лангвей

(01) О проекте

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

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

(02) Задача

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

(03) Решение

  • Обозначила целевую аудиторию компании
  • Провела конкурентный анализ аналогичных организаций
  • Спроектировала карту сайта
  • Собрала мудборд
  • Cоставила ассоциативное поле

(04) Структура сайта

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

Карта сайта

(05) Мудборд

Мудборд

(06) Ассоциации

  • Родник
  • Источник
  • Капля
  • Голубизна
  • Жизнь
  • Роса
  • Упаковка
  • Жидкость
  • Снег
  • Легкость
  • Прозрачность
  • Прохлада
  • Бутылка
  • Чистота
  • Сок жизни
  • Эликсир молодости
  • Здоровый образ жизн
  • Источник красоты
  • Утоление жажды
  • Очищение организма
  • Долголетие

(07) Цвет

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

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

Цвета

(08) Типографика

Используется в соответствии с брендбуком

  • Core Sans C
  • Medium
  • Regular

AБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЬЫЪЭЮЯ

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

0123456789

(09) Дизайн

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

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

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

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

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

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

Десктоп
Планшет
Планшет Планшет
Планшет
Вода Лангвей
Мобильная версия
Мобильная версия Мобильная версия

Каталог продукции

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

Продукция десктоп
Продукция мобильная

Детальная карточка продукта

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

Планшет
Планшет
Страница спорт
Мобильная версия
Мобильная версия Мобильная версия

Производство

Планшет
Страница производство Страница производство
Планшет

Исследования

Исследования ученых разделяется на группы по странам.
Выбор реализован посредством Tab.

Планшет
Страница Исследования Страница Исследования
Исследования
  • Вода
  • Вода
  • Вода
  • Вода

Мифы и правда о воде

Страница Мифы Страница Мифы
Мобильная версия страницы Мифы Вода Мобильная версия страницы Мифы

Корзина

Страница корзина
Корзина
Мобильная версия
Мобильная версия Мобильная версия
Мобильная версия
Мобильная версия Мобильная версия

Оформление заказа

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

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

Страница оформления заказа

(10) Результат

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

В результате редизайна усовершенствован не только внешний вид сайта, улучшена структура и юзабилити, что способствует увеличению конверсии сайта.

Спасибо за просмотр!