Разработка E-commerce проекта Gökotta - My Framer Site

Разработка E-commerce проекта Gökotta

Как я превратила сайт и mobile app интернет-магазина Gökotta в продающий инструмент, увеличив конверсию на 9%.

Роль

UX/UI Product Designer

Срок

4 месяца

Продукт

Web/Mobile

Навыки

UX/UI Design UX research MindMap

Индустрия

E-commerce

Контекст проекта

Gökotta — молодой российский fashion-бренд с уникальной философией, основанной на гармонии с природой и скандинавской эстетике. Название происходит от шведского слова "gökotta" - традиция просыпаться рано утром, чтобы послушать пение птиц.

До этого у бренда основные продажи шли через директ в соцсетях - долго, неудобно, много ручной работы. Бренд терял потенциальных клиентов из-за отсутствия нормального e-commerce.

Моя задача

Cоздать e-commerce, который сохранит философию и визуальную идентичность бренда, но при этом будет продавать — с понятной навигацией, простым checkout и доверием к покупке.

Моя роль

Разработала UX-стратегию, создала визуальный дизайн всех страниц, спроектировала новый UF, работала с фото контентом. Команда: я, frontend и pm.

Целевые метрики

Конверсия

Переходы
в checkout

Средний чек

9%

10%


10%

Целевые метрики

Конверсия

Переходы
в checkout

Средний чек

9%

10%


10%

a cell phone leaning on a ledge

Проблемы

Как создать e-commerce для философского fashion-бренда, который не хочет быть "просто магазином одежды"?

Коммодитизация fashion e-commerce

Большинство интернет-магазинов одежды выглядят одинаково. Бренд теряет идентичность и конкурирует только по цене.

Эмоции vs практичность

Как вызвать эмоции через дизайн (атмосфера природы, философия), но при этом дать всю практическую информацию для покупки?

Философия vs конверсия

Бренд строится на глубоких ценностях и storytelling, но e-commerce требует четких CTA и быстрого пути к покупке. Как найти баланс?

Философия vs конверсия

Бренд строится на глубоких ценностях и storytelling, но e-commerce требует четких CTA и быстрого пути к покупке. Как найти баланс?

Недоверие к новым брендам

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

Ключевые инсайты

1

История бренда = конкурентное преимущество

78% респондентов готовы купить у нового бренда, если понимают его философию и историю создания.

2

Доверие через прозрачность

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

3

Темная тема = премиальность

Темные цветовые схемы ассоциируются с premium-брендами и создают более эмоциональный опыт.

4

Визуал важнее описаний

Пользователи принимают решение о покупке на основе фото (92%), а не текстовых описаний.

Ключевые инсайты

1

История бренда = конкурентное преимущество

78% респондентов готовы купить у нового бренда, если понимают его философию и историю создания.

2

Доверие через прозрачность

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

3

Темная тема = премиальность

Темные цветовые схемы ассоциируются с premium-брендами и создают более эмоциональный опыт.

4

Визуал важнее описаний

Пользователи принимают решение о покупке на основе фото (92%), а не текстовых описаний.

Гипотеза решения

Если мы создадим editorial e-commerce experience - где каждая страница рассказывает историю, визуальный язык отражает философию бренда, а контент вовлекает эмоционально, - то пользователи будут:

  • Проводить больше времени на сайте, изучая бренд

  • Воспринимать продукт как premium и уникальный

  • Проводить больше времени на сайте, изучая бренд

  • Воспринимать продукт как premium и уникальный

  • Чувствовать эмоциональную связь с брендом

  • Охотнее совершать первую покупку несмотря на отсутствие отзывов

  • Чувствовать эмоциональную связь с брендом

  • Охотнее совершать первую покупку несмотря на отсутствие отзывов

Ключевой принцип: Мы не создаем магазин одежды. Мы создаем digital-пространство бренда, где можно купить вещи.

Ключевой принцип: Мы не создаем магазин одежды. Мы создаем digital-пространство бренда, где можно купить вещи.

Структура и ключевые страницы

Гипотеза и результат

Приоритизация контента под ключевые сценарии пользователей на главной странице повысит её просматриваемость с 20% до 40%

Результат: После редизайна главной страницы просматриваемость выросла с 20% до 36%. Это указывает на значительное повышение вовлеченности и интереса пользователей к ключевому контенту.

Гипотеза и результат

Приоритизация контента под ключевые сценарии пользователей на главной странице повысит её просматриваемость с 20% до 40%

Результат: После редизайна главной страницы просматриваемость выросла с 20% до 36%. Это указывает на значительное повышение вовлеченности и интереса пользователей к ключевому контенту.

Checkout: баланс эстетики и функции

Дизайн-решения:
  • Корзина с фото товаров всегда на виду справа

  • Множество способов оплаты (включая оплату при получении)

  • Четкая структура формы: контакты → адрес → доставка → оплата

  • Summary с промокодом и прозрачным расчетом

  • Темная тема сохраняется для консистентности опыта

Результат тестирования: Completion rate 56% (на 12% выше среднего по индустрии)

Гипотеза подтвердилась: темная тема не мешает конверсии в checkout, если UI остается понятным и структурированным.

Checkout: баланс эстетики и функции
Дизайн-решения:
  • Корзина с фото товаров всегда на виду справа

  • Множество способов оплаты (включая оплату при получении)

  • Четкая структура формы: контакты → адрес → доставка → оплата

  • Summary с промокодом и прозрачным расчетом

  • Темная тема сохраняется для консистентности опыта

Результат тестирования: Completion rate 56% (на 12% выше среднего по индустрии)

Гипотеза подтвердилась: темная тема не мешает конверсии в checkout, если UI остается понятным и структурированным.

Страница о бренде: продаем философию

Страница структурирована как статья: история бренда → философия (3 ключевых принципа) → создание продукта → производство. Много визуального контента, минимум текста.

Результат: 23% пользователей, посетивших эту страницу, добавляют товар в корзину

Страница о бренде: продаем философию

Страница структурирована как статья: история бренда → философия (3 ключевых принципа) → создание продукта → производство. Много визуального контента, минимум текста.

Результат: 23% пользователей, посетивших эту страницу, добавляют товар в корзину

Результаты

Метрики за первые 2 месяца после запуска готового MVP

+9%

Конверсия
2.1% → 3.5%

13%

Bounce rate
Повторные покупки

3:47 m

Avg session
vs 1:35 у конкурентов

24%

Add to cart rate

Давайте работать вместе!

Напишите мне в тг, чтобы обсудить дальнейшую работу

Telegram

Telegram

Давайте работать вместе!

Напишите мне в тг, чтобы обсудить дальнейшую работу

Telegram

Telegram

Давайте работать вместе!

Напишите мне в тг, чтобы обсудить дальнейшую работу

Telegram

Telegram

Create a free website with Framer, the website builder loved by startups, designers and agencies.