Задача:
Разработать интернет магазин с адаптивной версткой на Тильде для стильного бренда Armonia.
Цель:
Ознакомить посетителей сайта с продуктами бренда Armonia и привлечь целевую аудиторию к покупкам через интернет магазин.
Реализация:
Этап 1. Сбор смыслов и прототипирование сайта
На первом этапе совместно с Заказчиком мы создали смысловой прототип страниц будущего сайта. Заказчик предоставил шикарную контентную базу в виде: уже разработанного фирменного стиля, профессиональных фотографий продуктов бренда для карточек товаров, текстовое описание карточек товаров. Мы проанализировали имеющийся контент, изучили исходные данные в соцсетях бренда, аналоги проекта на предмет подачи смыслов целевой аудитории через смыслы и дизайн.
В итоге превратили массив информации в структурный продукт в виде смыслового прототипа будущего сайта по всем страницам, который раскрыл верные смыслы, ценности, акценты.
У нас получилось 5 основных страниц:
В прототипе мы продумали взаимодействие пользователя с сайтом, проработали разделы и последовательность блоков, подготовили тексты под цели и задачи центра. Предоставили Заказчику прототипы на утверждение, внесли некоторые корректировки и утвердили прототипы.
Этап 2. Разработка дизайна страниц в Figma по утвержденному смысловому прототипу:
Собрали референсы стилистики будущего интернет магазина в мудборд. На первом этапе мы разработали дизайн главной страницы в Figma по утвержденному смысловому прототипу, соблюдая фирменный стиль и пожелания Заказчика.
Презентовали готовый дизайн главной страницы, представляли свое видение, аргументировали решения. Внесли некоторые корректировки по цветовым решениям в блоках с формой обратной связи. Утвердили макет и перешли к разработке следующих дизайн макетов. Вот что у нас получилось:
Разработать интернет магазин с адаптивной версткой на Тильде для стильного бренда Armonia.
Цель:
Ознакомить посетителей сайта с продуктами бренда Armonia и привлечь целевую аудиторию к покупкам через интернет магазин.
Реализация:
Этап 1. Сбор смыслов и прототипирование сайта
На первом этапе совместно с Заказчиком мы создали смысловой прототип страниц будущего сайта. Заказчик предоставил шикарную контентную базу в виде: уже разработанного фирменного стиля, профессиональных фотографий продуктов бренда для карточек товаров, текстовое описание карточек товаров. Мы проанализировали имеющийся контент, изучили исходные данные в соцсетях бренда, аналоги проекта на предмет подачи смыслов целевой аудитории через смыслы и дизайн.
В итоге превратили массив информации в структурный продукт в виде смыслового прототипа будущего сайта по всем страницам, который раскрыл верные смыслы, ценности, акценты.
У нас получилось 5 основных страниц:
- главная
- каталог продуктов
- страница о бренде
- блог
- контакты
В прототипе мы продумали взаимодействие пользователя с сайтом, проработали разделы и последовательность блоков, подготовили тексты под цели и задачи центра. Предоставили Заказчику прототипы на утверждение, внесли некоторые корректировки и утвердили прототипы.
Этап 2. Разработка дизайна страниц в Figma по утвержденному смысловому прототипу:
Собрали референсы стилистики будущего интернет магазина в мудборд. На первом этапе мы разработали дизайн главной страницы в Figma по утвержденному смысловому прототипу, соблюдая фирменный стиль и пожелания Заказчика.
Презентовали готовый дизайн главной страницы, представляли свое видение, аргументировали решения. Внесли некоторые корректировки по цветовым решениям в блоках с формой обратной связи. Утвердили макет и перешли к разработке следующих дизайн макетов. Вот что у нас получилось:
Этап 3. Адаптивная zero верстка многостраничного сайта, подключение интернет-магазина
Создали аккаунт на Тильде. Готовый дизайн страниц сайта сверстали на Тильде, собрали страницы в zero блоках, добавили код, адаптировали страницы под все разрешения, добавили анимацию.
Создали страницу интернет-магазина, подключили к сайту платежную систему для оплаты товаров, настроили уведомления о заказах и платежах, провели тестовые платежи и проверили выдачу чеков, помогли с подключением облачной кассы.
В результате Заказчик получил готовый рабочий адаптивный многостраничный сайт с функционирующим интернет-магазином, подключенными формами связи и протестированный на работоспособность по утвержденному на предыдущем этапе дизайну.
Создали аккаунт на Тильде. Готовый дизайн страниц сайта сверстали на Тильде, собрали страницы в zero блоках, добавили код, адаптировали страницы под все разрешения, добавили анимацию.
Создали страницу интернет-магазина, подключили к сайту платежную систему для оплаты товаров, настроили уведомления о заказах и платежах, провели тестовые платежи и проверили выдачу чеков, помогли с подключением облачной кассы.
В результате Заказчик получил готовый рабочий адаптивный многостраничный сайт с функционирующим интернет-магазином, подключенными формами связи и протестированный на работоспособность по утвержденному на предыдущем этапе дизайну.
Посмотреть сайт: armonialab.ru
