Задача
Разработать одностраничный сайт на Тильде для продажи консультаций по диагностике симметрии тела.
Сайт для продажи онлайн-диагностики симметрии тела спортсменов
награды
Сайт попал в подборку лучших проектов, сделанных на Тильде.
о проекте
Диагностика симметрии тела спортсмена — онлайн-проект тренера и создателя методики восстановления симметрии тела Натальи Соколовой. Цель проекта —помочь спортсменам добиться лучших результатов, найти источники болей и снизить риски травм благодаря оценке текущего состояния тела. Для измерения праметров тела используется специальное ПО, создающее 3D модель тела человека с детализацией до сотых долей градуса.
прототип
Придерживаюсь модульности, что помогает разбить массивы текста на понятные, небольшие абзацы. Это было критически важно в данном проекте, так как тема сложная и новая для аудитории. Для этого:
Рассказываем сначала о теме продукта, а уже после о самом продукте. Последовательно закрываем вопросы о его необходимости для ЦА, результатах клиентов, преимуществах и экспертности.
В перенасыщенные контентом блоки закаладываю крупную графику и анимацию. Это позволит пользователю отдохнуть и спокойнее усвоить информацию.
В перенасыщенные контентом блоки закаладываю крупную графику и анимацию. Это позволит пользователю отдохнуть и спокойнее усвоить информацию.
дизайн
Пожелания заказчицы:
- С графикой должны себя ассоциировать как молодые, так и взрослые спорстмены
- Создать ассоциацию с кожей и естественностью
- Добавить отсылки к природе и науке
- Использовать фирменные цвета из логотипа
Ассоциации
законы природы
движение
спорт
симметрия
тело
замеры
инновационность
вариант 1
вариант 2
Отталкиваюсь от связи с природой и наукой. Добавляю зеленый цвет и бабочку, которая является одним из символов симметрии и легкости в природе. Отсутствие фотографий на первом экране компенсирую динамичной версткой текста и добавлением простой графики с анимацией, передающей идею симметрии.
В центре внимания тело человека. Передаю атмосферу инновационной лаборатории, но смягчаю посыл «близкой к телу» цветовой палитрой, рисованными, как бы от руки, линиями и воздушностью. Простые круглые формы так же символизируют симметрию в науке и природе, помогают донести идеи из текста.
Заказчица выбирает вторую концепцию. Решаем заказать 3D иллюстрацию для большей эффектности первого экрана
результат
На основе концепции создаю полный дизайн страницы, рисую адаптивные версии и продумываю анимацию. Передаю проект верстальщику, контролирую процесс разработки на Тильде
ссылка на проект
