Посадочная страница для мероприятия без долгих согласований.

open talk

звуковая волна. модульность. текстура.
Объем работ:
  • Главная посадочная страница
Технические задачи:
  • формы захвата
Срок разработки:
  • 2 недели
Дата публикации сайта:
  • октябрь 2023

Задача

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

Заказчик — компания ДиКом, занимающаяся производством мебели и автоматизированных систем хранения с 1992 года. Задача состояла в создании привлекательного и хорошо спроектированного сайта, посвящённого мероприятию в сфере HR, бизнеса и модернизации рабочей среды.

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

Проектирование

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

Референсы

Среди референсов было несколько наших проектов, это приятно. В целом, по запросу референсов стало очевидно, что заказчик хотел бы получить креативный подход к решению задачи, оставив понятную простую структуру страницы.
Также важно было учесть уже существующий фирменный стиль компании. Я вычленила из логобука основные принципы и использовала их в дизайне: сочетание типографики и текстур в фото.
Возможный и интересный прием с типографикой – поворот. Я решила избегать дополнительных графических элементов, отдав предпочтение текстурам и типографике. В композиции оставила много воздуха.

Дизайн-решения

1 концепт: идея первого концепта – звуковая волна как отсылка к идее мероприятия, на котором голос становится самым важным элементом. звуковая волна здесь показана в виде текстуры на фоне блоков. композиционно выделяю текстовые плашки в виде наклеек – таким образом соединяю идею звуковой волны и объявления о мероприятии.
{дизайн-концепции}
2 концепт: во втором концепте основным графическим элементом стал круг, как фигура объединения и взаимодействия, и его я трансформировала: на главном экране круг в кнопках и представлен градиентом, акцентируя внимание на важном элементе для интерфейса сайта. на втором экране уже несколько объединенных кругов – иллюстрация объединения разных сфер в тематике самого мероприятия.
Заказчик выбрал вариант со звуковой волной и эту идею я продолжила в следующих блоках на фоне. Композиционно выбрала шахматную расстановку элементов с контентом в каждом из блоков, что задало динамику всему сайту.
{дизайн-макет}
яркий сайт креативный
яркий сайт для мероприятия
{мобильная версия}
{мобильная версия}
Отзыв заказчика
Задача реализована, надеемся на реализацию долгосрочной стратегии по работе над подобными проектами.
Отдельное спасибо ДиКом за их желание воплощать такие проекты и предоставление возможности нам в этом участвовать.
Технологии
Figma, Tilda
Сайт доступен по ссылке – dikommm.tilda.ws
НАД ПРОЕКТОМ РАБОТАЛИ
  • Марина
    Дизайн и верстка
  • Сережа
    Проджект и UX
Made on
Tilda