Client
Duration
12 мар. 2025 г.
#
Web Design
#
UX/UI Design
«Джем» — лендинг конференции про данные в IT‑рекрутменте
Промо‑сайт HR‑конференции «Джем» для IT‑рекрутеров. Я собрала визуальный язык вокруг банки с джемом, ягод и музыки, спроектировала лендинг в Figma с упором на компоненты и подготовила макет под быструю верстку разработчиком. Срок — одна неделя.
Нужно было обновить сайт прошлой конференции «Лечо» и собрать более стильный, цельный лендинг «Джем» — с акцентом на визу, удобной программой и быстрым путём к покупке билета.
ЦА — современные IT‑рекрутеры уровня мидл+ (в основном девушки‑лиды подбора). Важно было сохранить «баночную» метафору и добавить музыкальное настроение: джем как варенье и как музыкальная импровизация.
Я разработала композицию главного экрана с банкой в 3D, ягодами и динамичной типографикой, построила сетку блоков «что вас ждёт», спикеров, программы, партнёров и FAQ. Весь макет собран на компонентах, авто‑лейаутах и стилях, чтобы разработчик мог быстро и без боли перенести его в прод.
Как собрать яркий, «джемовый» лендинг за неделю, не потеряв в читаемости, структуре и удобстве верстки.
Задача: переработать прошлогодний сайт, сделать визуал более модным и живым, учесть интересы генерального партнёра «Звук», но не перегрузить страницу брендами. Параллельно нужно было уложить обширный контент (формат, программа, блоки “что будет классного?”, отзывы, партнёры, FAQ) и оставить один главный сценарий — покупка билета.
Моё решение:
придумала визуальную систему вокруг банки с джемом: 3D‑банка, ягодные леттеринги, «джемовые» цветовые сочетания (фиолетовый, розовый, салатовый) + аккуратная интеграция фирменных цветов Refni;
распределила контент по блокам с понятными вопросами: «что вас ждёт», «кто выступает», «программа», «сколько стоит», «как добраться»;
вынесла CTA «Срочно за билетами» в хэдэр и несколько ключевых секций, чтобы билет всегда был «в одном клике»;
аккуратно интегрировала бренд «Звук»: логотип, блок «генеральный партнёр» и мерч в разделе про розыгрыши, без захвата внимания у основного бренда;
в Figma собрала компонентную систему карточек, кнопок, лейблов и контейнеров — это позволило быстро вносить правки в контент и упростило работу разработчика.
Результат
Что сделала: | Чего достигла: | Что не получилось / от чего отказались: |
|---|---|---|
Спроектировала структуру лендинга на основе ТЗ и прошлой конференции «Лечо» | Сайт получился более цельным и «вкусным» визуально, при этом сохранил понятную структуру и лёгкую навигацию. | На стадии проработки были варианты с более сложной анимацией и дополнительными 3D‑сценами, но от них отказались ради сроков и стабильности верстки. |
Разработала визуальную концепцию «джема»: 3D‑банка, ягодные акценты, типографика и цветовая система. | За счёт компонентного подхода разработчик быстро сверстал лендинг и смог безболезненно вносить изменения по программе и спикерам. | Сократили часть текстовых блоков и декоративных элементов, чтобы не перегружать пользователей и оставить фокус на ценности конференции и покупке билета. |
Собрала макет в Figma на компонентах и авто‑лейаутах, подготовила версию для разработчика и передала все ассеты. | Концепция банки и ягод стала легко масштабироваться на другие носители: соцсети, презентации, мерч. | |
Настроила визуальную иерархию так, чтобы главный сценарий — покупка билета — оставался в фокусе пользователя на протяжении всей страницы. |
