На этом сайте собираются куки и используется Яндекс Метрика. А ещё есть уведомление, которое об этом предупреждает. Ну не красота ли?
Пора поработать вместе. Или просто познакомиться.
Заполните форму и я свяжусь с вами в рабочее время. Все ваши данные строго конфиденциальны.
Мы занимались разработкой сайта совместно с креативной группой Art&Air. В Art&Air обратилась компания PASHIN, занимающаяся изготовлением сыродавленых масел, жмыхов, урбечей и других продуктов из сферы полезного питания. У Пашиных был запрос на глобальный ребрендинг, мы же занимались только разработкой сайта. У них уже был сайт, собранный на платформе Taplink, но его текущий визуал и функционал не устраивал заказчика.

Команда проекта: Art&Air, Alex Mylove и anastasia ginsberg. Права на все фотоматериалы, использованные при создании кейса, принадлежат Art&Air

О проекте

Алексей и Наталья Пашины. Основатели бренда Pashin

  • Анализ конкурентов
  • Написание текстов
  • Прототипирование
  • Дизайн 9 страниц
  • Вёрстка на платформе Tilda
  • Создание личного кабинета
  • Интеграция истории заказов
  • Подключение доставки СДЭК
  • Подключение оплаты Робокасса
  • Базовая SEO-оптимизация
  • Тестирование сайта

Объём работ

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

Задачи по функционалу: большой интернет-магазина с разными категориями товара, личный кабинет с историей заказов, и интеграция с AmoCRM. Также, мы должны были разработать дизайн, который бы поддерживал визуальную платформу бренда и анимации, которые бы её дополняли.

Задача

Спроектировали сайт, исходя из следующего:

  • Основные визуальные элементы, цвета, шрифты и приёмы взяты из брендбука, который разработала команда Art&Air. Совместно с их командой мы придумали как эти элементы можно обыграть и заанимировать.
  • Сайт, должен быть удобным для пользователя и креативным — с множеством микроанимаций и необычных приёмов. Соединять в себе функциональность и передавать яркость бренда.

Решение

Заказчик не хотел делать сайт «как у всех». Наша цель — сделать сайт, который поможет выделиться, поэтому мы отказались от стандартных «появление текста из прозрачности» и ушли в сложные анимации и подключение сторонних библиотек (о них в следующем разделе).

Анимации сопровождают пользователя всём сайте, однако они не мешают использовать функциональные элементы и не перетягивают внимание на себя. Их цель — дополнять историю и настроение бутика, а не главенствовать.

Весь сайт сделан на Zero-блоках и адаптирован под мобильные устройства.

Дизайн-решения

  • Для эффекта физических орешков на главном экране была подключена сторонняя библиотека Matter.js — движок, описывающий взаимодействие твёрдых 2D-тел. Для настройки использовалась модификация от Matilda.

  • Стандартные возможности тильды ограничены, поэтому были использованы модификации от Nolim и Annexx, а также собственный код.

  • Тильда не поддерживает показ истории заказов в личном кабинете, поэтому была настроена интеграция с базой данных Airtable через сервисы Make и Collabza.

Технические решения

  • Alex Mylove — дизайн, вёрстка
  • anastasia ginsberg — дизайн, вёрстка
  • Art&Air — брендинг, коммуникации с клиентом

Команда проекта

Спасибо за внимание Мы ценим его

Вам нужен сайт? Вы по адресу.
Заполните форму и я свяжусь с вами в рабочее время. Все ваши данные строго конфиденциальны.
Made on
Tilda