Кейс: как мы подошли к созданию сайта Neotravisil. Часть 2
Наша задача — сделать так, чтобы вкус ощущался ещё до открытия упаковки. Через экран, цвет, движение.
Этап 3: Дизайн и адаптивные версии Создали дизайн всех страниц сайта, включая адаптив под мобилки и планшеты 📱
- Горизонтальный слайдер на первом экране
- Интерактивная карта аптек
- Анимации, подчёркивающие натуральность
Тестировали на всех устройствах, добивались одинакового восприятия.
Этап 4: Подготовка к разработке
Чтобы разработка прошла гладко, дизайн должен говорить точно.
Собрали подробные гайды:
- по анимации
- по поведению элементов
- по адаптации интерфейсов
Провели созвоны с командой разработки. Никаких «серых зон». Всё задокументировано и передано без потерь.
Этап 5: Тестирование и запуск
Финальные штрихи — это как чистить зубы перед свиданием. Не видно, но без них — провал.
Дизайнеры сами участвовали в тестировании. Правки, проверки, выравнивания, кликабельность. Каждый элемент — как деталь механизма.
После всех правок сайт ушёл в продакшн 🚀 И пусть сайт сегодня уже обновлён, некоторые визуальные приёмы, стилистика и анимации из той версии всё ещё живут на нём. Это приятно. Значит, мы действительно попали в суть.
Хотите сайт, который работает и говорит голосом бренда? Пишите. Мы в этом специализируемся.