UI-design

Содержание

KIMSS - сайт для маркетингового агентства

 
Было разработано 2 версии сайта
  1. Для России - яркая, трендовая и молодёжная, отражающий свежесть и лёгкость.
  1. Для ОАЭ - роскошная, статусная и золотая, показывающая уверенность и достоинство.
 

Версия 1

 
notion image
notion image
 

Версия 2

 
notion image
notion image
 

NETE - сервис для подбора авиабилетов с ИИ-ассистентом [работа в команде]

 
Цель проекта — редизайн интерфейса с акцентом на повышение конкурентоспособности продукта и улучшение пользовательского опыта.
 
notion image
notion image
 

Была разработана дизайн-система

 
notion image
notion image
 

Технические аспекты

  1. Все компоненты и макеты сайтов построены на базе Auto Layout для динамической адаптации. Это обеспечило автоматическое выравнивание, растяжение/сжатие элементов при изменении контента.
  1. Создана библиотека компонентов (кнопки, карточки, формы, навигация, модалки) с вариантами состояний (hover, focus, error, loading). Использованы свойства (properties) для кастомизации: цвета, размеры, типографика.
  1. Использованы глобальные стили: цветовая палитра (primary, secondary, accent), типографика (масштабы от 28 px до 8px). Переменные (variables) для тем (light/dark mode).