Кейс: как мы подошли к созданию сайта Neotravisil. Часть 1

Neotravisil стал для нас поворотной точкой: первый проект в российской фарме, первый серьёзный фармацевтический проект с WebGL и первый полноценный опыт работы в Figma. Проект был реализован в 2018 году. Видео кейс проекта. ✨

Это был один из тех проектов, после которого хочется переписать правила. Или хотя бы послать в архив всё, что делали «по инструкции» до него.

Мы хотели показать, что фарма может быть живой, атмосферной, не скатываться в шаблонность. Сайт мы задумали как объёмную структуру — словно спираль 🌀, по которой пользователь опускается всё глубже, проходя каждый смысловой уровень. В каждом из этих «сегментов» — своя тема: вкус, состав, действие, доверие. При помощи WebGL и плавных переходов это ощущение погружения чувствовалось буквально.

Иногда нужно вернуться назад, чтобы по-настоящему увидеть, как далеко ты ушёл.


Этап 1: Аналитика и стратегия

Сайт не должен повторять аптечную полку. Он должен говорить с человеком.

Определили задачи: 1. Показать эффективность Neotravisil. 2. Подчеркнуть натуральность. 3. Упростить путь к покупке.

Анализ ЦА → структура сайта → фокус на быстрые сценарии. Ничего лишнего, всё на поверхности.


Этап 2: Визуальная концепция и мудборды

Тогда у нас ещё не было чёткой структуры. Всё делали интуитивно. Но именно этот проект стал точкой, где начали формировать ту самую последовательность, с которой теперь работаем.

Мудборды были обязательной частью. 🎨  Пробовали на вкус разные стилистики, но презентовали только одну. Через видеопрезентацию.

Если дизайн не вызывает ощущение — он мёртв. Мы не делаем картинки. Мы подкручиваем восприятие.

Визуальный стиль: тёплые цвета, мягкие формы, лёгкая анимация. Без креатива ради креатива.


👉 Продолжение — в части 2.

#кейс #дизайн #фарма #webgl #разработка

Кейс: как мы подошли к созданию сайта Neotravisil. Часть 1 | Сетка — социальная сеть от hh.ru