Н. Холодок UX/UI дизайнер

Портфолио UX/UI дизайнера Проекты

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

Сайт школы подготовки к ЦТ Evolut на ноутбуке
Коммерческий проект

Evolut

Школа подготовки к ЦТ и ЦЭ. Фирменный стиль и сайт с нуля: от анализа аудитории до адаптивного дизайна в двух темах.

  • UX
  • UI
  • Айдентика
Смотреть кейс
Сайт бренда мебели и светильников Lume на ноутбуке
Учебный проект

Lume

Сайт бренда светильников и мебели. UX-концепция, анализ конкурентов, интерактивный прототип и дизайн.

  • UX
  • UI
  • Прототип
Смотреть кейс
Главная страница интернет-магазина цветов Flower Heaven
Учебный проект

Flower Heaven

Интернет-магазин цветов. Дизайн-концепция и адаптивные макеты.

  • UI
  • Адаптив
Смотреть кейс

Портфолио UX/UI дизайнера: как устроены кейсы

Здесь собраны коммерческие и учебные проекты. Я показываю не только готовые экраны: в кейсах UX/UI дизайнера важно видеть, с какой задачи всё началось, какие решения принимались по ходу работы и почему. Поэтому каждый кейс разбит на четыре части: задача, что я сделала, процесс и результат.

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

Примеры дизайна сайтов разных типов

Evolut — коммерческий проект, и он уже запущен. Для школы подготовки к ЦТ и ЦЭ я сделала редизайн логотипа, фирменный стиль и сайт с адаптивом в светлой и тёмной темах. Как проходила работа, рассказываю в кейсе дизайн сайта школы Evolut.

Lume — учебный проект сайта для бренда мебели и светильников. Главной задачей было показать товар: крупные фотографии, спокойный фон и понятный переход из каталога в карточку товара. Как я проверяла этот путь на прототипе, описано в кейсе дизайн сайта мебели Lume.

Flower Heaven — учебный интернет-магазин цветов в тёмной гамме с нежно-розовыми акцентами. В прототипе были все основные страницы: главная, каталог, карточка товара, корзина и личный кабинет. Мобильную версию я собирала под ширину экрана 393 пикселя. Все этапы показаны в кейсе дизайн интернет-магазина цветов.

Работы дизайнера сайтов: инструменты и формат

Все проекты сделаны в Figma: от wireframe-схем до финальных макетов и UI-кита. В учебных работах я проходила те же этапы, что и в коммерческой: анализ, прототип, дизайн и адаптив. Поэтому их можно смотреть как полноценные примеры процесса, а не только как картинки.

Если вы выбираете дизайнера для своего проекта, смотрите не только на картинки, но и на то, насколько решения объяснены. Почему блоки стоят именно в таком порядке? Для кого сделан сайт и что должен успеть сделать посетитель за первые секунды? В кейсах я стараюсь отвечать на эти вопросы прямо, без общих слов.

Ещё одна деталь, на которую стоит обратить внимание, — мобильные версии. Большая часть посетителей открывает сайты с телефона, поэтому в кейсах я показываю, как интерфейс перестраивается на узком экране и что происходит с навигацией, карточками и формами.

Портфолио будет пополняться новыми проектами. Если хотите обсудить похожую задачу или посмотреть макеты подробнее, напишите мне: ссылки на Telegram и почту есть на странице контактов.