PrintPoint
Редизайн лендинга московской типографии: от каталога-свалки на Tilda к структурированному лендингу с понятным входом для каждого клиента
Было и стало
Каталог без входа — против лендинга с маршрутом
Старый сайт на Tilda открывался сразу плиткой товаров — без ответа на вопрос «а я сюда правильно попал?». Все продукты были равнозначны, не было ни главного CTA, ни понятного маршрута для разных клиентов. Заголовок «Больше, чем краска на бумаге» не нёс никакой конкретики.
Перетащите ползунок ← → чтобы сравнить дизайны
Подход
Сначала — аудит и структура, потом — визуал
Начала с анализа существующего сайта: зафиксировала проблемы структуры, навигации и контента. Затем составила опросник для заказчика — выяснила, кто реальные клиенты, какие задачи приходят чаще всего и каков типичный сценарий заказа.
По итогам ответов стало ясно: у типографии три разных клиентских пути — срочная печать, выставки и мероприятия, дизайн и фирстиль. Это легло в основу структуры лендинга.
Типографика
Три шрифта — один выбор
Для типографии принципиально важно, как выглядит сам текст — это прямая отсылка к тому, что компания умеет делать. Протестировала три шрифта для заголовков: Unbounded (технологичный, но холодный), LexendMega (динамичный), Rubik (нейтральный).
Остановилась на подходе без лишнего веса: крупный, уверенный гротеск с трекингом. «ОТ ИДЕИ ДО ГОТОВОГО ТИРАЖА» — слова сами по себе несут форму.
Один из вариантов с LexendMega — другой заголовок, другие CTA. Протестировала несколько итераций.
Итерации
От геометрии Малевича до чистого лендинга
В процессе работы попробовала «малевич-концепт» — строгий геометрический лейаут с крупными цветными блоками. Для печатной компании, которая работает с полиграфическим дизайном, это была логичная отсылка. Но в итоге выбрала более универсальный путь: структура важнее стилизации, конверсия важнее концептуальности.
Малевич-концепт: геометрия, крупные блоки
Вариант с зелёным USP-стрипом снизу
Результат
От идеи до готового тиража
Бежевый фон, красный акцент, крупный гротеск в заголовках. Хиро отвечает на три вопроса сразу: кто мы, что делаем, как быстро. Ниже — три карточки для трёх клиентских сценариев. Лендинг сдан заказчику.