Ernest E. Guzmán, home

Запись на I квартал 2027 · 2 места для постоянной работы

///
Обсудим

Подарки · Редизайн Shopify · Каталог · Средний чек

Sip’n’Fox

Чайные сувениры, перестроенные так, чтобы заказать 50 штук было так же легко, как одну.

Клиент
Sip’n’Fox LLC
Сфера
Подарки · Еда и напитки · DTC + B2B
Рынок
США
Роль
Руководитель Shopify: разработка, архитектура каталога, SEO
Период
2026
Объём
Редизайн · Каталог · Страницы товаров · Допродажи и наборы · B2B-уровни · SEO
Sip’n’Fox

Sip’n’Fox делает BrewPops, чайные шарики ручной работы, которые распускаются в горячей воде. Их продают в США как персонализированные сувениры для бэби-шауэров, свадеб и корпоративных подарков. Я провёл аудит магазина, написал модульное предложение и выполнил три модуля: полный редизайн на новой премиальной теме, страницы товаров, перестроенные под конверсию, и слой допродаж, наборов и B2B-цен, который увеличивает каждый заказ.

Результаты
78→18артикулов объединены в чистые родительские товары
73 hоценённой и задокументированной работы в трёх модулях
6шаблонов товаров на все типы BrewPop
4B2B-уровня объёма, от 25 до 500+ штук
Задача

Аудит показал магазин, который рос товар за товаром: 78 артикулов, большинство из которых были тем же товаром в другом цвете, 8 пересекающихся коллекций, три названия одного товара (Tea Bomb, TeaPop, BrewPop), цены $0.00 прямо на сайте, эмодзи и «(🔴 Minimum order: 25)» в названиях товаров. И два очень разных покупателя, родитель, готовящий бэби-шауэр, и офис-менеджер, заказывающий 300 брендированных подарков, попадали в одно и то же место без пути ни для одного из них.

Подход

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

01

От аудита к плану на 73 часа

Вместо расплывчатого «редизайна» я превратил аудит в модульное предложение: каждая задача названа, оценена в часах и привязана к бизнес-причине. Основатели могли утверждать модуль за модулем, платить половину вперёд и половину по сдаче и точно видеть, что получают. Первыми пошли три модуля.

Модуль 0136 h

Редизайн и новая премиальная тема

  1. Премиальная тема OS 2.0, токены бренда, мега-меню
  2. Двойная навигация: покупки по поводу + корпоративные
  3. Главная страница пересобрана в 8 секциях
  4. 8 старых коллекций → 6 чистых, с SEO
  5. Шаблон коллекции с B2B-полосой и фильтрами
  6. Мобильное тестирование, кросс-браузерность, Core Web Vitals
Модуль 0421 h

Страницы товаров и конверсия

  1. 78 артикулов объединены в ~18 товаров, ошибки $0.00 исправлены
  2. Нативная архитектура вариантов в 6 шаблонах
  3. Поля вкуса, ленты и наклейки, шаг за шагом
  4. Тексты под конверсию и четыре информационных аккордеона
  5. B2B-полоса под каждой кнопкой «В корзину»
Модуль 0616 h

Допродажи, наборы и оптовые цены

  1. Выбор набора на каждой странице товара
  2. Кросс-продажа чайника «Complete the Magic»
  3. Выдвижная корзина с полосой бесплатной доставки и подарочной запиской
  4. Корпоративные уровни от Bronze до Platinum
  5. Допродажа в один клик после покупки
  6. Наборы Wedding Kit и Corporate Pack
73 hчасов, оценённых заранее17названных результатов50 / 50оплата при старте / при сдаче
Рис. 01Этап 1: три модуля, 17 результатов, каждая строка оценена до начала работы.
02

Две аудитории, две экосистемы

Главная страница стала диспетчером: за один экран вас направляют к покупкам по поводу или к корпоративным подаркам. Розница ведёт в корзину. B2B никогда не ведёт в корзину. Он ведёт к форме запроса цены и календарю, потому что компании покупают именно так.

  • Строка объявлений: бесплатная доставка слева, «Заказываете для компании?» справа
  • Главная в 8 секциях: видео на первом экране, социальное доказательство, диспетчер из 3 карточек, слайдер персонализации «до и после», хиты продаж, как это работает, отзывы
  • Подвал в 4 колонки со значками доверия: безопасная оплата, органик, возврат денег
sipnfox.comГлавная: диспетчер
B2CShopЭмоционально, по поводу → корзина
  • Baby Shower/collections/baby-shower
  • Wedding & Bridal/collections/wedding-bridal
  • Celebrations/collections/celebrations
  • Gift Sets/collections/gift-sets
  • Seasonal/collections/seasonal
  • All Products/collections/all
B2BCorporate & EventsНикогда не корзина → форма запроса и календарь
  • Corporate Gifting Hub/pages/corporate-gifting
  • White-label & Branding/pages/custom-branding
  • Wholesale/pages/wholesale-login
PDPШаблоны товаровОдин товар может жить во многих коллекциях
  • A · Gender tagsBoy / Girl / Neutral
  • B · + Gift cardОткрытка в комплекте
  • C · NeutralБез шага выбора пола
  • D · Ribbon only11 цветов ленты
  • E · ThemedHoney / Ocean / Forest
  • F · BulkКнопка «Запросить цену»
03

Один товар, четыре слоя

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

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

01 · НавигацияSmart collections
Brew Pops›Baby Shower›Baby Boy
Baby BoyBaby GirlLittle One
02 · ВариантShopify native
♥ Heart● Circle
SKU · BP-HEART-BOY
03 · ПерсонализацияLine-item properties
Chamomile ▾Welcome, little one
04 · ПравилаMinCart
25 Showers · Weddings10 Seasonal0 Gift sets
  1. 01
    НавигацияПовод и пол выбираются до товара.
  2. 02
    ВариантТолько одна опция: та, что меняет артикул.
  3. 03
    ПерсонализацияЛента, вкус и надпись идут вместе с заказом.
  4. 04
    ПравилаМинимумы соблюдаются по коллекциям и никогда не объясняются в названии.
04

Лестница опций

На странице товара выборы идут в фиксированном порядке (форма, количество, лента, вкус, надпись), а цена обновляется по ходу. Наборы предвыбраны в оптимальной точке, а кросс-продажа чайника в один клик стоит прямо перед кнопкой корзины.

  • 11 цветов ленты как визуальные образцы
  • 5 вкусов чая, надпись до 60 символов
  • Минимальное количество соблюдается, а не объясняется
Sip’n’Fox · sipnfox.com/products/brewpop-rose
Sip’n’Fox · mobile
Рис. 02Страница товара: лестница опций сверху вниз.
  1. 1Цена за штуку: единица, которую сравнивают
  2. 2Вкус как обязательный выбор
  3. 311 цветов ленты образцами
  4. 4Надпись не длиннее 8 слов
  5. 5Закреплённая кнопка «В корзину» с живой ценой
05

Заказы крупнее, без уценки бренда

Средний чек был отдан на волю случая. Я построил слой, который поднимает его на каждом шаге: выбор набора с предустановкой в оптимальной точке (×3, −10%), кросс-продажа стеклянного чайника «Complete the Magic» в один клик, выдвижная корзина, которая показывает, сколько осталось до бесплатной доставки, подарочная записка и одно предложение после покупки для розничных заказов до $100. Попробуйте корзину:

  • Корпоративные уровни: Bronze 25–49 · Silver 50–99 (бесплатный дизайн открытки) · Gold 100–499 (+ брендированная лента) · Platinum 500+ (своя коробка, только по запросу)
  • Pack 50 и Pack 100 с кнопкой «Запросить цену» вместо «В корзину»
  • Wedding Kit и Corporate Pack как готовые наборы
BrewPop Rose
Sip’n’Fox BrewPop “Rose” with ribbon $7.99 за один BrewPop Выберите набор
Complete the MagicДобавьте стеклянный чайник, чтобы видеть, как он распускается · +$12
06

Поиск, который понимает поводы

Люди ищут «сувениры на бэби-шауэр» и «чайные подарки гостям на свадьбу», а не «BrewPop». Коллекции пересобраны вокруг этих намерений, с описательными текстами, чистыми URL и разметкой товаров. Объединение дублей сконцентрировало сигналы ранжирования вместо того, чтобы их дробить, а каждый удалённый URL получил редирект.

Sip’n’Fox · sipnfox.com/collections/brewpop
Sip’n’Fox · sipnfox.com/pages/contact
Рис. 03Коллекции пересобраны вокруг поискового намерения, и то же тепло перенесено на каждую страницу.
  1. 1Продавать момент, а не товар
  2. 2Пять дверей, по поводу
  3. 3Фильтр по бюджету для сувениров
  4. 4Фирменные фотографии несут каждую страницу, даже контакты
Дизайн-решения

Система за экранами

Sip’n’Fox продаёт что-то маленькое, ручной работы и эмоциональное, партиями от 25 до 300 штук. Дизайн должен был остаться тёплым, подарочным и при этом нести много структуры: опции, минимальные партии, персонализацию и путь для B2B.

A

Цвет

#FDFAF7 Milk Фон страницы 11.7:1 · AAA
#3A352E Steeped tea Текст: теплее чёрного 11.7:1 · AAA
#B86A3E Fox Кнопки и логотип 3.9:1 · AA large
#5C6E55 Sage Второстепенные кнопки, «в наличии» 5.3:1 · AA
#2D6257 Teapot green Ссылки, выбранные фильтры 6.7:1 · AA
#F0EBE3 Ribbon cream Полосы, карточки, строка объявлений 10.2:1 · AAA

Лисий оранжевый оставлен для единственного действия, которое важно на каждом экране. Текст коричнево-чёрный, как «заваренный чай», поэтому страница не выглядит стерильной рядом с фотографиями товара.

B

Типографика

Cormorant400 · 0.015em

Small gifts. An unexpected cup.

Заголовки · названия товаровКаллиграфическая антиква для эмоционального слоя: поводы, имена, пожелания.

Raleway600 · 0.2em · caps

Add to cart · Minimum 25

Кнопки · подписи · навигацияГеометрические прописные для функционального слоя: правила, количества, действия.

C

Сетка и отступы

Колонки
12
Макс. ширина
1200px
Межколонник
24px
Базовая единица
4px
4
8
12
16
24
32
48
72

Строки опций стоят в ритме 12 px, поэтому шесть выборов помещаются на первом экране ноутбука без тесноты.

D

Решения и почему

  1. 01

    Выборы в фиксированном порядке

    ПочемуФорма → количество → лента → вкус → надпись: так люди планируют событие.

    ВместоВсе опции сразу в одной длинной форме.

  2. 02

    Пол и повод решены в навигации

    ПочемуНа одно решение меньше на странице товара (закон Хика).

    ВместоВариант «Мальчик / Девочка» у каждого товара.

  3. 03

    Наборы с предвыбором ×3

    ПочемуСредний вариант задаёт ценность, не уценяя одну штуку.

    ВместоПроцентный промокод на весь сайт.

  4. 04

    B2B никогда не видит корзину

    ПочемуКомпании покупают по счёту и коммерческому предложению, а не через кассу.

    ВместоОптовые варианты по 300 штук в розничном магазине.

E

Схема

Страница товара: лестница опций
Экраны · 07 Тяните · нажмите, чтобы увеличить
Sip’n’Fox · 01
Sip’n’Fox · 02
Sip’n’Fox · 03
Sip’n’Fox · 04
Sip’n’Fox · 05
Sip’n’Fox · 06
Sip’n’Fox · 07
Инструменты
  • Shopify OS 2.0 · Liquid
  • Premium theme
  • Smart collections
  • Line-item properties
  • Easify / Infinite Options
  • MinCart
  • ReConvert
  • Discounts & Draft Orders
  • Bulk CSV import
  • Schema.org
Результаты работы
  1. Аудит и модульное предложение
  2. Редизайн на премиальной теме
  3. Наборы, кросс-продажи и выдвижная корзина
  4. Архитектура сайта (B2C + B2B)
  5. Модель данных каталога и система тегов
  6. 6 шаблонов страниц товара
  7. Раздел корпоративных подарков
  8. Перестройка SEO и редиректы
  9. Шаблон импорта для основателей
Что я сделал бы дальше
  1. Перевести B2B на нативные каталоги компаний в Shopify с уровневыми ценами.
  2. Автоматизировать сезонный календарь ротации (Пасха → День матери → осень).
  3. Цепочка отзывов после события с фото от гостей как социальное доказательство.
Следующий проект · 03 YogaRooted Велнес · Иммерсивный сайт · Система управления студией
Листайте дальше
© 2026 Ernest GuzmánОбсудим →