Fonts.ru – сайт для ПараТайп

Задача: сделать редизайн сайта fonts.ru так, чтобы поиск шрифтов был простым, а выбор и покупка — максимально удобными.

Библиотека ПараТайп существует с начала 90-х годов и ежегодно пополняется множеством интересных шрифтов. Сейчас в каталоге fonts.ru больше тысячи кириллических шрифтов, но устаревший дизайн сайта не позволял передать все их графическое и техническое совершенство.

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

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

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

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

Такой глубокой системы фильтрации каталога нет ни в одном шрифтовом магазине.

Мы разработали для сайта два удобных инструмента: подсказчик шрифтов и type-tester:

Type-tester — это текстовый редактор, позволяющий прямо на сайте протестировать шрифты в наборе, а подсказчик шрифтов помогает сделать выбор, задавая последовательные вопросы понятные непрофессионалам.

Новый сайт сделан как одностраничное приложение на технологии AJAX. Благодаря этому с ним удобно работать: при обновлении данных веб-страница не перезагружается полностью, что позволяет реализовать многие интерфейсные решения, невозможные при традиционном подходе.

Страницы сайта: главная, гарнитура, корзина

Максим Аршинов, директор компании Hightech.today, выполнившей программирование и верстку на проекте так описывает процесс создания сайта: «Между „новым“ и „старым“ сайтами больше различий, чем общего. Сложная бизнес-логика, вписанная в SPA-дизайн и нестандартная предметная область заставили нас полностью выложиться на этом проекте. В результате мы смогли не только реализовать всю новую функциональность, но и обеспечить обратную совместимость с существующей базой данных и внутренним программным обеспечением компании ПараТайп.
Это стало возможным только благодаря совместным усилиям всех участников проекта и тесной коммуникации с клиентом».

А наш арт-директор Илья Сизов подводит итоги работы: «Поработать над таким проектом было внезапной реализацией мечты, и пережить долгую и сложную судьбу проекта без потери мотивации помогло ощущение сопричастности важному и нужному делу. Имея в руках такую путевку в вечность, было сложно подавить свои дизайнерские амбиции. Здесь помогли набитые за долгое время проекта шишки и пара нокдуанов. Итоговый результат отличается сильно от первоначальных макетов. Это получилось в ходе естественного процесса сближения эстетических идеалов и бизнес-задач».

О том, что в итоге получилось, мы сделали ролик:

    Директор по работе с клиентами
    • Михаил Бродников
    Аккаунт-директор
    • Павел Череванин
    Продюсеры
    • Митя Мещеряков, Дмитрий Котов
    Арт-директор и дизайнер
    • Илья Сизов
    Руководитель отдела продюсирования
    • Александр Кулам


    Команда ПараТайп:
    Руководитель проекта
    • Артем Драбкин
    Проджект-менеджер
    • Кирилл Еремин
    Программист
    • Андрей Левин
    Технический консультант
    • Геннадий Фридман
    Аккаунт-менеджер
    • Сергей Кочин


    Команда Hightech.today:
    Руководитель проекта
    • Максим Аршинов
    Разработчик (Full-stack)
    • Николай Грудинин
    Разработчик (Full-stack)
    • Азат Буриев
    Разработчик (Frontend)
    • Артур Мороз
    Бизнес-аналитик/QA-специалист
    • Эльвира Шворак
    Технический директор/Scrum-мастер
    • Андрей Песошин