re:me

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

re:me — Изображение №1 — Интерфейсы, Брендинг на Dprofile

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

re:me — Изображение №2 — Интерфейсы, Брендинг на Dprofile
re:me — Изображение №3 — Интерфейсы, Брендинг на Dprofile
re:me — Изображение №4 — Интерфейсы, Брендинг на Dprofile
re:me — Изображение №5 — Интерфейсы, Брендинг на Dprofile

Клиенту нравится концепция. Переходим к дизайну всей страницы.

re:me — Изображение №6 — Интерфейсы, Брендинг на Dprofile

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

re:me — Изображение №7 — Интерфейсы, Брендинг на Dprofile
re:me — Изображение №8 — Интерфейсы, Брендинг на Dprofile
re:me — Изображение №9 — Интерфейсы, Брендинг на Dprofile

Генерим фотки с моделями для второстепенных страниц.

re:me — Изображение №10 — Интерфейсы, Брендинг на Dprofile
re:me — Изображение №11 — Интерфейсы, Брендинг на Dprofile
re:me — Изображение №12 — Интерфейсы, Брендинг на Dprofile
re:me — Изображение №13 — Интерфейсы, Брендинг на Dprofile
re:me — Изображение №14 — Интерфейсы, Брендинг на Dprofile

Делаем второстепенные страницы.

re:me — Изображение №15 — Интерфейсы, Брендинг на Dprofile
re:me — Изображение №16 — Интерфейсы, Брендинг на Dprofile
re:me — Изображение №17 — Интерфейсы, Брендинг на Dprofile

Сборка на webflow / gsap / кастомная анимация / swiper slide.

Работаем над печатной продукцией. Пилим двухстороннюю визитку (как попросил клиент).

re:me — Изображение №18 — Интерфейсы, Брендинг на Dprofile
re:me — Изображение №19 — Интерфейсы, Брендинг на Dprofile

Вариации односторонних визиток.

re:me — Изображение №20 — Интерфейсы, Брендинг на Dprofile
re:me — Изображение №21 — Интерфейсы, Брендинг на Dprofile

Внутренний вкладыш в коробку: инструкции, гарантии и прочие штуки.

re:me — Изображение №22 — Интерфейсы, Брендинг на Dprofile
re:me — Изображение №23 — Интерфейсы, Брендинг на Dprofile

Бумажный пакет 40x40x10. От простых вариантов до варианта с вырубкой и прозрачной вставкой
(чтобы было видно коробку внутри пакета).

re:me — Изображение №24 — Интерфейсы, Брендинг на Dprofile
re:me — Изображение №25 — Интерфейсы, Брендинг на Dprofile
re:me — Изображение №26 — Интерфейсы, Брендинг на Dprofile
re:me — Изображение №27 — Интерфейсы, Брендинг на Dprofile

Варианты фирменной коробки: от базовой (которую попросил клиент) до вариантов поинтересней (от меня).

re:me — Изображение №28 — Интерфейсы, Брендинг на Dprofile
re:me — Изображение №29 — Интерфейсы, Брендинг на Dprofile
re:me — Изображение №30 — Интерфейсы, Брендинг на Dprofile
re:me — Изображение №31 — Интерфейсы, Брендинг на Dprofile

Оценить

Добавить в коллекции...