100
Клиент
Paratype
Онлайн
О проекте
Клиент
Paratype —
первая отечественная шрифтовая студия с самым большим магазином шрифтов в России.
Больше тысячи кириллических гарнитур, созданных в десятках
разных словолитен, включая крупнейшие мировые бренды.
Задача
ЦА
Студии, агентства и дизайнеры, которые занимаются разработкой сайтов и работают с типографикой.
Задача
Основная задача —
отразить ценности компании с помощью дизайна, сохранить существующий функционал и улучшить его с помощью новых визуальных решений.
Paratype — одна из ведущих компаний на отечественном рынке, больше 30 лет в шрифтовом дизайне. Её продуктами пользуются дизайнеры из самых разных сфер. Ценности Paratype — современность и доступность. Шрифт — инструмент,
который помогает создавать визуальную действительность жизни, ускоряет и облегчает восприятие слов.
Но сайт компании не отражал эти ценности, с точки зрения дизайна
он устарел. Поэтому мы разработали новый дизайн, подчёркивающий её современность и технологичность, а также придумали инструменты и фичи, которые помогут дизайнеру быстро подобрать нужный шрифт и приобрести его. Помимо этого, переосмыслили фронтенд
и то, что находится «под капотом».
Дизайн-концепция
Во время
разработки дизайн-концепции ориентировались на тренды современного дизайна
и учитывали, что сайтом будет пользоваться аудитория со сложными задачами и хорошей насмотренностью.
Заказчик хотел, чтобы мы переосмыслили дизайн в современном ключе, чтобы клиентов встречал более дружелюбный и удобный интерфейс, который ассоциируется с компанией и типографикой. Чтобы добиться такого эффекта, выбрали нейтральную гамму с одним акцентным фирменным цветом. Так мы смогли решить сразу две задачи:
Кроме того, пользователи могут переключаться между тёмными
и светлыми темами — это отвечает трендам современного дизайна
и помогает дизайнерам подбирать шрифты под разные задачи.
Инструменты
и фичи
При разработке
дизайна учитывали, что пользователям важно заранее протестировать шрифт и определиться, подходит ли он для решения их задач.
Мы запросили у клиента полную карту сайта со всем функционалом, разложили её на детали и собрали заново, учитывая обновлённый интерфейс. Важной задачей было сохранить все существующие ранее функции и обновить их, сделать визуально привлекательными и удобными в использовании.
Тайптестер
Тайптестер — одна из ключевых функций сервиса. Ранее она была доступна только в десктопной версии сайта. Обновили инструмент, сделав его нативно понятным. С помощью гибких настроек пользователи могут поэкспериментировать со шрифтом
или с гарнитурой перед покупкой.
Отображение глифов
Переработали окно показа глифов (символов). Теперь при наведении на глиф пользователи могут детально его рассмотреть. Им всегда доступны фильтры, теги и другие инструменты, позволяющие настроить параметры и выбрать шрифт под свои задачи.
Пользовательский
опыт
Разработали
сервис, который нравится пользователям как визуально, так и с точки зрения удобства.
Мы стремимся удерживать пользователя на сайте: показываем регулярно обновляющиеся баннеры со скидками, специальными плашками отмечаем появление новых шрифтов в каждой категории. Получается лента с бесконечным скроллом, чтобы пользователь всегда имел широкий выбор и знал о распродажах и бестселлерах.
В личном кабинете можно просмотреть список сделанных ранее заказов. Заказы можно делать как на физическое, так и на юридическое лицо.
Перед окончательным оформлением заказа пользователь получает предложения со скидками и лицензиями.
Все функции разработаны с учётом адаптивной мобильной версии.
Результаты
Заказчик получил
обновлённый сайт, который за счёт современного дизайна и улучшенного функционала превратился в полноценный сервис.
Грамотный UX/UI подчёркивает статус ключевой компании
на дизайн-рынке.
Пользователи могут не только приобрести нужные шрифты,
но и протестировать их перед покупкой. Это возможно благодаря инструменту «Тайптестер» в обновлённом формате.
Пользователи узнают о новых шрифтах, получают рекомендации
по работе со шрифтовыми парами, удобно и быстро оформляют заказы.
«Нашей основной целью было сохранить существующий функционал, обновить дизайн
и сохранить баланс между элементами дизайна и бэкендом.
Мы не просто создали сайт студии: у нас получилось разработать полноценный сервис с гибким
и удобным поиском шрифтов. Каждый пользователь может найти понравившиеся ему гарнитуры через теги, фильтры, рекомендации и коллекции. Мы стремились сделать поиск максимально простым и увлекательным,
чтобы пользователь возвращался за покупками снова и снова»
Награды
& ПризнаниеПроект получил престижные награды в отраслевых конкурсах
+2
Фронтенд
HTML 5
CSS
Nuxt 3
Typescript
Бэкенд
C#
Награды
1Кейсы
Рекомендуем
Следующий