LUXPODARKI
Figma
2024-2025
2024-2025
Figma
2024-2025
2024-2025
О проекте
Меня пригласили поработать над уже существующим и функционирующим сайтом, который в разные периоды проектировали и отрисовывали разные дизайнеры, а оттого нет единой дизайн системы, макеты в разрозненном виде и не все необходимые сценарии для полноценного интернет-магазина в наличии — до моего прихода он скорее существовал как интернет-каталог физических товаров в наличии. Моей задачей стало проанализировать все накопившиеся макеты, создать с опорой на них дизайн систему и UI-kit к ней, упорядочивая, но не внося глобальных изменений, ввести в использование компоненты и автолэйауты, а также взять на себя дальнейшее создание страниц, кликабельных прототипов, аналитику user flow и отрисовку сценариев в чистовом виде.
Создание ДИЗАЙН СИСТЕМЫ и UI-kit
Я смогла найти нечто похожее на UI-kit, оставшееся от одного из предыдущих дизайнеров, и изначально хотела сохранить структуру атомарного дизайна, но в итоге всё же решила обойтись без него, поскольку не нашла его удобным. Часть компонентов я взяла из этого файла, пересобрала и отрисовала варианты, часть сделала с нуля, собрала в стили цвета и всю типографику, разобрала всё по секциям, для части компонентов собрала отдельные компоненты для планшетной и мобильной версий.
Создание страниц с компонентами
Далее, когда дизайн-система уже была собрана, мне поступил запрос об отрисовке сценариев для страниц галерей, корзины и личного кабинета. Часть вайрфреймов опять же была взята из старых файлов, так как уже была согласована, для каких-то же в качестве референсов были использованы исследования пользовательских сценариев на других ресурсах, а также по просьбе руководства и разработчиков для определённых сценариев были созданы кликабельные прототипы.