Типография Onebook — наш постоянный клиент: когда-то в 2014-м мы создали для них первый сайт, а в 2019 масштабно обновили его с учетом нового нейминга и логотипа.

Дизайн второй версии был по-прежнему актуален, но со временем заказчику захотелось сместить акценты. По его словам, пользователи не всегда понимали, о чём проект. Например, периодически меняющийся промоблок мог вводить в заблуждение и недостаточно раскрывал суть бизнеса. Плюс хотелось повысить конверсию и внести микро-изменения. Сделать эдакий косметический ремонт, после которого сразу как-то классно и уютно, хотя не так много поменялось.

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

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

Из текущей дизайн-концепции мы забрали фирменную цветовую палитру, шрифты и начертания и… пожалуй, всё. Взяв их за основу, получили две классных версии.

Ещё на старых макетах были фрагменты текста, набранные курсивом: это сразу визуально отсылало к печатным книгам с их пахнущими типографской краской страницами.

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

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

Одно из преимуществ Onebook — возможность напечатать книгу в любом количестве: хоть один-единственный экземпляр, хоть тираж в 10 000 штук. Создавая 3D-модель, мы решили обыграть это: при загрузке сайта в промо сначала появляется модель одной книги, которая слегка поворачивается по ховеру. При скролле вниз к ней медленно прибавляется стопка точно таких же книг, символизируя готовый тираж.

Чтобы уравновесить акцентную 3D-модель, на альтернативной версии мы отказались от курсивов и засечек из основной концепции и выбрали строгий и лаконичный шрифт. И конечно, заказчик не смог не влюбиться в такой промоблок, поэтому выбрал именно эту версию дизайна.

Если покрутить 3D-шную книгу по ховеру и присмотреться, то можно заметить особенно глянцевую поверхность с бликами — и буквально ощутить её кончиками пальцев, услышав их шорох по обложке. А если присмотреться ещё чуточку внимательнее, то на обложке можно угадать очертания горы Фудзи с заходящим за неё огромным алым солнечным диском.