Разработка интернет-магазина
товаров для йоги и фитнеса
Заказчик - YogaStore, магазин каучуковых ковриков для йоги,
а также аксессуаров для фитнеса в Минске
Владелец магазина обратился ко мне с задачей разработать интернет-магазин для продажи товаров для йоги и фитнеса.
Магазин еще только создавался, поэтому сайт разрабатывался одновременно с административными процедурами, необходимыми для запуска интернет-магазина.
основные задачи сайта
Так как магазин создавался с нуля, основой для разработки структуры сайта была стратегия его продвижения. Основным каналом продвижения на первое время были выбраны соцсети. Также акцент был сделан на настройку SEO, чтобы через период в 4-6 месяцев подняться на первые страницы поисковых сервисов.

Задачи:

  • разместить полную информацию о товарах, характеристиках и ценах;
  • подключить платежную систему;
  • сделать возможным оставить заявку на товар, если его нет в наличии;
  • настроить продажу подарочных сертификатов;
  • настроить способы доставки в корзине.
Дизайн интернет-магазина выполнен в стиле минимализм, в спокойных тонах, характеризующих гармонию и спокойствие
подбор цветовой палитры и шрифтового решения
Цветовая палитра была выбрана на основе фотографий заказчика. Это светлые пастельные тона и умиротворяющий оттенок зеленого.

При выборе шрифта я основывалась на том, что он должен отражать простоту, чистоту и свободу - основные ценности приверженцев йоги, а также сочетаться со шрифтом логотипа.

Поэтому и для заголовков и для основного текста выбран один из встроенных шрифтов Тильды Ubuntu.
Главный экран сайта
На главном экране сайта размещен заголовок и главные преимущества магазина — широкий ассортимент и бесплатная доставка. Фотография девушки в позе йоги призвана вызвать желание заняться йогой на профессиональном коврике. Кнопка с прозрачным фоном переводит пользователя в каталог товаров магазина.
Главный экран сайта
На главном экране сайта размещен заголовок и главные преимущества магазина — широкий ассортимент и бесплатная доставка. Фотография девушки в позе йоги призвана вызвать желание заняться йогой на профессиональном коврике. Кнопка с прозрачным фоном переводит пользователя в каталог товаров магазина.

Целевая аудитория интернет-магазина товаров для йоги

Целевой аудиторией магазина товаров для йоги являются мужчины и женщины старше 20 лет, которые увлекаются спортом, любят путешествовать, следят за своим питанием, образом жизни и мышлением.

На главной странице расположен каталог товаров, чтобы показать широкий ассортимент, а также акцентная фраза, на кого ориентирован магазин.
Целевая аудитория интернет-магазина товаров для йоги
Целевой аудиторией магазина товаров для йоги являются мужчины и женщины старше 20 лет, которые увлекаются спортом, любят путешествовать, следят за своим питанием, образом жизни и мышлением.

На главной странице расположен каталог товаров, чтобы показать широкий ассортимент, а также акцентная фраза, на кого ориентирован магазин.
навигация интернет-магазина
Каждый раздел каталога магазина расположен на отдельной странице.
После заголовка расположены табы, по которым можно перейти в любой раздел каталога.
Внизу страницы после всех товаров также есть ссылка, позволяющая вернуться в каталог

Карточка товара интернет-магазина

Карточка товара интернет-магазина содержит название и артикул товара, а также его основные характеристики. Кнопка добавления в корзину размещена после описания.
Над карточкой товара размещены хлебные крошки, которые упрощают пользователю взаимодействие с сайтом. Он может вернуться к разделу товара, общему каталогу или на главную страницу сайта.

Внизу страницы также расположены элементы навигации - ссылки для перехода к остальным товарам раздела или в общий каталог.
Карточка товара интернет-магазина
Карточка товара интернет-магазина содержит название и артикул товара, а также его основные характеристики. Кнопка добавления в корзину размещена после описания.
Над карточкой товара размещены хлебные крошки, которые упрощают пользователю взаимодействие с сайтом. Он может вернуться к разделу товара, общему каталогу или на главную страницу сайта.

Внизу страницы также расположены элементы навигации - ссылки для перехода к остальным товарам раздела или в общий каталог.

мобильная адаптация сайта

Важная работы проделана над адаптацией сайта под мобильные устройства.
Доля трафика на сайт с мобильных устройств составила 83%
Photo by Jacob
Photo by Leio
Photo by Marion
Photo by Jacob
Photo by Shifaaz
Photo by Jason
Посмотреть всю навигацию сайта можно на видео
Если вам нужен интернет-магазин
Заполните бриф на разработку сайта- и я свяжусь с вами в ближайшее время

смотреть другие мои проекты

Сайт по  изготовлению скрытых дверей на заказ
Сайт для онлайн курса по изготовлению сумок
Made on
Tilda