Sugar Teddy

Sugar Teddy делает батончики без сахара и говорит об этом с ухмылкой: первое правило Sugar Teddy — никакого сахара, второе — никакого сахара вообще. Бренд говорит голосом медведя-бунтаря со звездой на глазу, и магазин должен был звучать так же. Мы спроектировали его на украинском, в фирменном оранжевом с чёрным и лаймовыми кнопками, — от вайрфреймов до финальных страниц для десктопа и телефона. В футере написано, что его создали без глютена и сахара в thelegacy.

Главная открывается миксом взрывных вкусов и скидкой, дальше бежит строка преимуществ: без добавленного сахара, без пальмового масла, растительная основа, минералы и витамины, заряд энергии. В каждой карточке батончика есть счётчик количества и кнопка корзины, а шкала безумия вкусов подсказывает, насколько далеко заходит вкус — от любимой классики до чрезвычайно странного.

Страница товара показывает батончик на фото с белками, жирами, углеводами и калорийностью, упаковки по 4 или 12 штук и сворачивает состав и пищевую ценность, описание, доставку и оплату в короткие разделы. Дальше отзывы с кнопкой «написать отзыв» и другие вкусы, которые стоит попробовать. Корзина выезжает сбоку, а оформление помещается на одной странице: личные данные, доставка Новой Почтой в отделение, почтомат или по адресу, оплата Apple Pay или Google Pay, LiqPay или при получении, комментарий и промокод.

Остальной магазин держит тот же голос: каталог, контакты с формой для партнёров, доставка и оплата, возврат и политика конфиденциальности, а ещё страница 404, где медведь сообщает, что страницы не существует, и возвращает в каталог. У основных страниц есть мобильные версии с полноэкранным меню, соцсетями и переключателем языка.

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