Hedonism UI

Сроки

6 месяцев

Что сделали

Дизайн
Сайт
Моушен

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

Необходимо отрисовать каждый блок в темной теме и для мобильных устройств. Также стояла задача разработать сайт для презентации продукта и рекламное видео.

Результаты

Hedonism UI – самый большой в мире UI Kit и дизайн система для Figma. Нами нарисовано 50+ лендингов, 120+ статичных страниц, 550+ готовых блоков в различных стилях.

50+

лендигов в различных стилях

120+

статичных страниц для всех задач

550+

готовых блоков для использования

x10

ускорение работы дизайнера

Мы также разработали анимированное видео для демонстрации работы и всех возможностей Hedonism UI Kit.

50+ готовых лендингов

Мы поставили себе цель сделать самый разнообразный UI Kit на рынке, который будет закрывать все задачи дизайнеров. Дизайнер должен иметь возможность создать дизайн онлайн-магазина, портфолио или лендинг инвент события за пару кликов. А также должна быть возможность выбрать сдержанный или напротив экспрессивный стиль.

В итоге мы создали UI Kit с 50 готовыми лендингами. То есть дизайнеры могут просто выбрать любой готовый лендинг, заменить контент и отдавать в разработку. Это ускоряет работу дизайнеров в несколько раз.

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

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

120+ статичных страниц

Мы разработали большое количество готовых статичных страниц. От страниц авторизаций, цен, о компании, FAQ до блогов и страниц проектов для портфолио.

Страницы как и лендинги представлены в разнообразных стилях. Весь контент сделан с помощью Auto Layout 5, что ускоряет перевод дизайна в Webflow и работу с адаптивом.

Как ни странно, но самый сложный проект любого дизайнера – это собственное портфолио. С помощью Hedonism UI дизайнер может создать стильное портфолио за 10 минут.

550+ готовых блоков

Сайты собираются из блоков. Мы нарисовали более 550 блоков, чтобы у дизайнеров был выбор в каждой секции минимум из 10 вариантов.

Главная цель, которую мы добились – это микс из стилей. Мы сделали блоки таким образом, что дизайнер может создать страницу абсолютно из разных стилей, которые будут сочетаться друг с другом.

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

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

Дизайнер может создать дизайн сайта для веб версии и за пару кликов сделать сразу же мобильную версию.

Создали темную тему интерфейса и полностью переработали меню, расширив пространство на странице. Для этого сократили площадь сайдбара и пересобрали текстовые кнопки и длинные элементы в иконки. Лишние компоненты на странице больше не отвлекают, а выбирать нужные опции стало проще.

Темная тема

Улучшение опыта

Мы разработали UI Kit в светлой и темной теме. Дизайнер может переключаться между темами в один клик. Это значит, что дизайнеру не нужно тратить время на отрисовку сайта в темном стиле.

Темная тема отрисована как для веб блоков так и для мобильных блоков.

Дизайнер может создать дизайн сайта для веб версии и за пару кликов сделать сразу же мобильную версию.

Дизайн система

Мы разработали универсальную цветовую палитру, которая может использоваться в любом проекте. Цвета представлены в цветовых стилях и в переменных.

Дизайнерам не нужно тратить время на выбор цветов. Мы все сделали за них.

Также мы разработали типографику и текстовые стили, которые можно использовать в любом проекте. Мы учли различные сочетания текстовых стилей между собой.