весна 2025
редизайн интернет-магазина
SVOYSTVO — бренд уличной одежды из екатеринбурга
клиент
История о том, как хаотичный и устаревший сайт превратился в аккуратную онлайн-витрину бренда. Мы сделали ставку на чистый минимализм, удобную структуру и крупные фото, чтобы вещи и философия Svoystvo выходили на первый план. Теперь сайт легко обновлять при каждом запуске новых коллекций
В феврале 2025 года мне написал Антон, основатель бренда Svoystvo. Он хотел заказать редизайн их текущего сайта. Он обратился ко мне, так как я делала сайт для бренда Rice, и он ему понравился. Он удивился, что такой аккуратный и удобный сайт может быть сделан на Tilda.
Svoystvo — это уличная одежда из Екатеринбурга. У бренда часто выходят лимитированные дропы и коллаборации с художниками, а сейчас они запускают линейку базовой одежды. Важно было создать универсальный сайт: чтобы и капсулы, и база выглядели гармонично вместе.
Svoystvo — это уличная одежда из Екатеринбурга. У бренда часто выходят лимитированные дропы и коллаборации с художниками, а сейчас они запускают линейку базовой одежды. Важно было создать универсальный сайт: чтобы и капсулы, и база выглядели гармонично вместе.
проблемы старого сайта
У бренда уже был сайт на Tilda с интернет-каталогом, но он был сделан несколько лет назад и уже не соответствовал уровню бренда. Антон жаловался на:
Кроме того, администрировать сайт было сложно: при смене фото и выходе новых коллекций визуал быстро становился неаккуратным.
- хаотичный, несистемный дизайн,
- отсутствие понятной структуры и каталога,
- неудобное меню и фильтры,
- неполадки с уведомлениями о заказах,
- неполную информацию о доставке, оплате и возвратах.
Кроме того, администрировать сайт было сложно: при смене фото и выходе новых коллекций визуал быстро становился неаккуратным.
задачи проекта
Нужно было создать сайт:
Я люблю работать с интернет-магазинами, поэтому с удовольствием взялась за проект. Техническую часть — адаптивную вёрстку, каталог и настройку уведомлений — делал Гриша, мой проверенный специалист по Tilda.
- современный и удобный,
- с понятной навигацией и прозрачным путём клиента,
- универсальный — чтобы дизайн не приходилось менять при каждом сезоне,
- аккуратный, стильный, с акцентом на контент.
Я люблю работать с интернет-магазинами, поэтому с удовольствием взялась за проект. Техническую часть — адаптивную вёрстку, каталог и настройку уведомлений — делал Гриша, мой проверенный специалист по Tilda.
что было сделано
- Изучили вводные, сферу деятельности и ЦА
- Проанализировали конкурентов и их сайты
- Продумали новую структуру, логику каталога и оформили их в прототип
- Спроектировали прозрачный путь клиента в процессе заказа
- Нарисовали 2 концепта сайта в минималистичном стиле
- Вместе с клиентом выбрали лучший вариант
- Сделали дизайн всех страниц в новом стиле
- Сделали адаптивную вёрстку на Tilda
- Настроили каталог, подключил уведомления о заказах
- Записали инструкции, как пользоваться сайтом
подготовка и структура
Для начала мы с Антоном обсудили сайты различных брендов одежды, которые ему нравятся и созвучны с философией его бренда. Мы проанализировали их тексты и функционал, чтобы выделить удачные и привычные для пользователя решения.
Раньше сайт Svoystvo состоял из одной главной страницы и карточек товара, где вся информация была собрана вместе, не было понятной навигации.
Я предложила освободить главную страницу: сделать её более лёгкой, сначала погрузить посетителя в философию и визуал бренда, а всю важную текстовую информацию разложить по внутренним страницам. На них будут удобные ссылки из выдвижного меню, которое спрячется в бургер. Простое и уже привычное в нише одежды решение.
Все решения я оформила в текстовый прототип, это упрощённая схема будущего сайта, где мы утверждаем, какой контент будет на каждом экране: где какая кнопка, какие тексты, какие примерно будут фото. Этот этап очень важен, чтобы прежде всего подумать про логику и функционал, а потом уже садиться рисовать экраны.
Раньше сайт Svoystvo состоял из одной главной страницы и карточек товара, где вся информация была собрана вместе, не было понятной навигации.
Я предложила освободить главную страницу: сделать её более лёгкой, сначала погрузить посетителя в философию и визуал бренда, а всю важную текстовую информацию разложить по внутренним страницам. На них будут удобные ссылки из выдвижного меню, которое спрячется в бургер. Простое и уже привычное в нише одежды решение.
Все решения я оформила в текстовый прототип, это упрощённая схема будущего сайта, где мы утверждаем, какой контент будет на каждом экране: где какая кнопка, какие тексты, какие примерно будут фото. Этот этап очень важен, чтобы прежде всего подумать про логику и функционал, а потом уже садиться рисовать экраны.
дизайн
После утверждения новой структуры я отправилась изучать референсы. я просмотрела много сайтов нишевых европейских брендов и убедилась в своей изначальной идее. С самого начала проекта мне было понятно, что это будет сайт в стиле «минимализм». Почему?
Минимализм — это не скучно. Это:
Я нарисовала два концепта первых экранов в разных стилях. Антон сразу выбрал первый — за его композицию и чистоту. Мы ещё немного поработали со шрифтами и пришли к гармоничному варианту. После этого я отрисовала все страницы в едином стиле.
- это актуально и подходит для ниши одежды,
- легко поддерживать: загрузил новые фото — и сайт уже в настроении новой коллекции,
- акцент смещается на вещи, а не на оформление.
Минимализм — это не скучно. Это:
- крупные фото,
- чистая сетка,
- много воздуха,
- аккуратные шрифты без засечек.
Я нарисовала два концепта первых экранов в разных стилях. Антон сразу выбрал первый — за его композицию и чистоту. Мы ещё немного поработали со шрифтами и пришли к гармоничному варианту. После этого я отрисовала все страницы в едином стиле.
Новый дизайн получился лёгким и выделяется среди конкурентов: многие делают «минимализм», но часто перегружают сайт лишними приёмами. Мы сделали ставку на простоту и атмосферные фото — то, что в e-commerce действительно работает.
Разработка
Гриша сделал адаптивную вёрстку и настроил каталог, уведомления о заказах, а также систему оплаты и возвратов. Особое внимание мы уделили мобильной версии — в интернет-магазинах это критично.
Чтобы клиенту было удобно управлять сайтом, мы записали видеоинструкции. Теперь команда Svoystvo может самостоятельно обновлять контент и загружать новые дропы.
Чтобы клиенту было удобно управлять сайтом, мы записали видеоинструкции. Теперь команда Svoystvo может самостоятельно обновлять контент и загружать новые дропы.
результат
Вместо хаотичного и устаревшего сайта бренд получил современную онлайн-витрину, которая подчёркивает стиль вещей и философию Svoystvo. Новый сайт:
Так минимализм и продуманная структура сделали сайт бренда универсальным инструментом, который будет работать ещё долго.
- удобен для клиентов,
- легко обновляется под новые коллекции,
- выделяется среди конкурентов чистым и актуальным дизайном.
Так минимализм и продуманная структура сделали сайт бренда универсальным инструментом, который будет работать ещё долго.
