Всем доброго времени суток! Меня зовут Денис, мы с командой 3 года занимаемся разработкой продающих сайтов с упором на маркетинг и премиум-дизайн. Наш сайт-портфолио с отзывами: design-exe.ruВ этой статье я поделюсь одним из наших кейсов по созданию интернет-магазина под ключ в сфере фитнес-бикиниГлавная страница сайта «BleskFit»О проектеК нам обратилась Мария. В прошлом фитнес-бикини, а сейчас она — владелец своего бизнеса по продаже спортивной бижутерии для моделей (аксессуары для сцены)Все продажи товаров были через маркетплейс Wildberries и сообщество VK. Логотипа, сайта и единой упаковки не было.Главная страница сайта «BleskFit»ЗадачаСоздать с нуля интернет-магазин под ключ и в перспективе привлекать через него новых клиентов с помощью Яндекс.Директ и таргетированной рекламы VKУвеличить объем продаж и выручкуКонечная цель: чтобы 80-90% основного потока продаж были именно через сайтКомандная работа и коммуникацияДля комфортного взаимодействия клиента со всей командой, мы создали общий чат и вели работу в Notion, где хранили все файлы и ссылки на материалы проекта. А так же расписали этапы работы и таймлайныNotion проекта и чат в TelegramЭтапы работы1. БрифингПеред разработкой сайта мы погрузились в нишу клиента и продукт. Для этого провели брифинг, где: распаковали смыслы и преимущества компании, а также собрали всю необходимую информацию (контакты, фотографии, описание карточек товара)Файл-брифинг в Notion2. Создание структуры сайта и написание текстов. ПроектированиеПосле мы погрузились в работу: разработали структуру страниц и блоков будущего сайта. Для каждого блока написали тексты, исходя из информации брифинга и анализа ЦАXMind-карта скелета сайтаСтруктура сайта по страницам блокам и утвержденные текстыДля главного экрана сайта прописали 4 оффера, исходя из критерией принятия решений целевой аудиторииОфферы для заголовка, чтобы зацепить ЦА сразу на главном экране3. Сбор референсов и создание 4 вариантов концепции дизайнаЧтобы клиент получил именно тот результат, который и хотел, и наша работа прошла максимально гладко без огромного количества «вечерних переделываний» — мы подобрали несколько референсов дизайна и спросили у Марины, что ей больше откликаетсяТак же мы создали собственные концепты дизайна в светлой/темной стилистике для сравненияВарианты референсов для дизайнаПолучив от Марины обратную связь, мы утвердили будущую дизайн-концепцию сайта и разработали 4 варианта дизайна первых экранов в разных цветах и расположении элементов:Выбрали 1 вариант (кликните, чтобы увеличить)Подсмотреть внутрянку дизайна проекта можно, кликнув сюда :)4. Составление ТЗ для фотографийОдин из главных элементов на сайте — фотографии. Именно они передают настроение сайта и показывают товар «на практике», что является крутым триггером в продажах. Поэтому важно, чтобы они были сделаны на профессиональный фотоаппарат, в отличном качестве и в единой стилисткеТЗ по фотографиям для Марины5. Создание UI-кита, прототипирование и презентация дизайнаПосле согласований, мы приступили к полноценному дизайну всего сайта. Создали прототип интернет-магазина, где проработали удобную навигацию по страницам и путь пользователя от первого взаимодействия с сайтом до оплаты заказа. Продумали логотип, UI-кит и создали дизайн стилеобразующих элементов:UI-кит, логотип, главная страница и каталог товаровДизайн доп.страниц, корзины и оплаты заказа + адаптивные версии Посмотрите видео-презентацию дизайна интернет-магазина для Марины6. Верстка на WordPress, подключение домена, форм заявок и платежной системыДумаю, мало кому интересна техническая часть, Frontend и BackEnd интернет-магазина. Результат вы можете посмотреть по ссылке: bleskfit.comГлавнаяПосле нас сайт переделывался другими техническими специалистами, поэтому возможны небольшие отклонения от дизайн-макетаИтогиНа всю работу у нас ушло около 3х недель, клиент остался безумно доволен работой нашей команды. Даже зарекомендовал нас своей знакомой) В будущем Марина планирует запускать рекламу на сайт и масштабировать свой бизнесСекшн Колтуэкшн. Если у вас остались вопросы или вы хотите просто проконсультироваться по упаковке всего проекта или созданию продающего сайта — пишите мне на:WhatsApp +7 (906) 413-49-68Telegram: @denisnedelyak
Спасибо за обратную связь! Учтём.