AjAlotti — локальный бренд гендерно-нейтральных аксессуаров

project

AJ ALOTTI — это минималистичный дизайн вне времени и трендов. Сумки и аксессуары, которые органично интегрируются в гардероб любого человека, вне зависимости от его идентичности.

ajalotti.com

Кто я?

Веб-дизайнер и программист

Андрей Радюк

Веб-дизайнер и программист|

Задача

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

Создать магазин в ульра-минималистичном стиле. Передать характер бренда через визульный стиль, подчеркнуть особенности товара. Продумать систему скидок и промокода.

Первый логотип клиента

Активы бренда

  • local brand
  • сырье категории premium от итальянских фабрик Mastrotto, Miura, Ecopelli, Petrocchi
  • ручная работа
  • genderless design
  • высокое качество и цена middle up

Tone-of-voice

Сдержанный, демократичный, европейский, с уважением, но на равных. Коммуникация преимущественно через визуал, который вдохновляет, удивляет, иногда провоцирует.

Старт работ

Прежде всего, для меня это был вызов, первый самостоятельный проект в люкс сегменте, и естественно хотелось выложится на все 100, чтобы получить результат. После знакомства с основателем бренда Дианой Алотти, удалось установить хорошие взаимоотношения.

После того как я изучил текущие материалы бренда - полиграфия, визитки и аккаунты в соц сетях, я приступил к работе.

Первая нестыковка

Первый логотип клиента

У Дианы уже был логотип, массивные черные буквы на белом фоне. Однако он не вписывался в концепт минимализма, которому следует бренд.

Тем не менее, первый концепт был разработан согласно материалов бренда, предоставленым клиентом.

Итоговый вариант

- 1 версия

Сайт был разработан в срок, и клиент остался доволен. Однако такой вариант просущестовал не долго.

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

Раз у нас бренд в минималистичном стиле, то я заменил шрифт с тонкими линиями, и так же добавил больше воздуха в композиции.

Итоговый вариант - 2 версия

Обновление 2024

Спустя время, мне захотелось обновить свой код в проекте, довести до своих современных стандартов. Значительно упростил и сократил код, убрал лишние javascript функции. Так же добавил легкую анимацию. По дизайну осталось примерно все так же, однако, где было возможно улучшил ui. Резюмируя, мне было приятно вернутся в проект в 2024 году, и сделать его еще лучше.

Пример кода сайта

Что было сделано

  • Провел исследование, познакомился с брендом. Провел несколько интервью, в которых мы с клиентом обговорили все необходимые детали.
  • Анализ конкурентов и ЦА. Сравнил конкурентов по критериям: общий визуал цвета, UX путь заказа через сайт. По целевой аудитории это 4 основных портрета, общий возраст 30+. Так или иначе они связаны с темой моды, успешные в карьере.
  • Дизайн концепт. Был разработан первый концепт согласно логотипу клиента, и полностью сверстанный сайт по этому макету. Задача была передать премиум стиль, поэтому было принято решение поменять логотип и стиль. Особенность товара, что они разделены по моделям и в каждая модель может иметь разные цвета.
  • Доработка структуры и отрисовка дизайна. Из особенностей на сайт были добавлены слайдеры. В карточке товара есть переключение цвета. Важным моментом является то, что магазин предоставляет скидку 15% на первую покупку. Поэтому на сайте присутвует промокод. Разработана стр для оформления заказа, где удобно показана корзина и статус заказа.
  • Верстка. Выполнил верстку по методологии БЭМ, в итоге макет оптимизирован и хорошо отображается на моб устройствах. Настроил платформу opencart для управления контентом, создал тему для этой платформы. OpenCart — платформа электронной коммерции, ориентированная на создание интернет-магазинов. Является свободным программным обеспечением, распространяемым по лицензии GNU General Public License v3. Системой «OpenCart» поддерживаются дополнения - модули и шаблоны
Пример кода сайта

Отзыв

Диана Алоти

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

Также, после проделанной работы помогал при необходимости и корректировал необходимые данные. Внимательный, быстро понимающий и ответственный. Спасибо огромное!

— Диана Алотти

Итоги

Клиент получил инструмент продаж для привлечения заказов, а так же стабильную платформу, где отображены все позиции из каталога. Более того сайт стабильно работает три года, и получает обновления дизайна и кода.

Спасибо!

Если вам нужен подобный проект, обращайтесь. В качестве бонуса вы получите аудит вашего сайта бесплатно. Также отдельной услугой можно заказать исследование.

А посмотреть кейс вживую можно перейдя по кнопке на сайт

ajalotti.com

Связаться со мной

Если вы хотите обсудить проект, напишите мне напрямую в телеграм или социальные сети, если вам так будет комфортнее. А чтобы я мог понять задачу и заранее познакомиться с вашим брендом/компанией, заполните небольшой бриф.

Предзагрузка