Сайт архитектурного бюро Savvy
Ранее для архитектурного бюро Savvy был разработан логотип.
Идея, заложенная в логотип, — единое из множества мелких деталей — воплощена в интерактивной анимации на сайте. Уйти с главной страницы теперь невозможно: пользователи играют с анимацией в среднем около 2 минут.
Делаем первую версию макетов сайта. Задумка в том, чтобы сайт сделать в виде презентации на весь экран для удобства представления компании на встречах.
Дизайнер: Вот. На встречах удобно на весь экран развернуть и пощелкать слайды, рассказать о компании.
Заказчик: Э-э-э, а зачем? Нет, нам нужна какая-то центральная идея, на которой мы потом будем строить весь стиль, что-то суперкрутое для главной страницы, мини-игру или просто интерактив.
Дизайнер: Дайте подумать несколько дней.
после выходных
Дизайнер: Придумал. Давайте сделаем надпись разлетающейся на множество частей от наведения мышки? Буква S будет разлетаться на множество маленьких s, буква A — на кучу мелких a.
Заказчик: А в чем смысл?
Дизайнер: Идея в том, что Савви уделяет внимание всем возможным мелочам, то есть то, что кажется простым и монолитным, на самом деле состоит из кучи деталей, незаметных с первого взгляда.
Заказчик: Неплохо. А как надпись будет разлетаться?
Дизайнер: Ну, как точно — это как программист напишет, а так — вот, есть демки: раз, два, три.
Заказчик: Непонятно.
Дизайнер: Вот так.
Заказчик: И все это будет разлетаться по мере движения мышки? Каждая буква или все вместе?
Дизайнер: Все вместе вслед за мышкой. Фонтанировать просто, со страницы уйти будет невозможно.
Заказчик: Круто, только можно не на буквы разлетаться, а на кирпичики, например?
Дизайнер: Вряд ли, будет плохо смотреться, никто не поймет, что это кирпичики, будут просто прямоугольники. Можно из кругов.
Заказчик: Давайте из кругов, ок.
Главная страница портфолио — такая же простая, как и весь сайт. Путь к этой простоте был очень долгим, как и вся работа над проектом.
Делаем макеты страниц портфолио. Вариант 1 — с карусельной сменой разделов, вариант 2 — типовая плитка.
Заказчик (после долгих раздумий): Не надо плитку. Давайте сделаем полосы, как в каталогах пантона?
Дизайнер (после долгих сомнений): Не самое популярное решение, конечно, но давайте.
Заказчик: Цифры не нужны, а макет с проектом перекосило влево.
Дизайнер: Поправим.
Для страницы работы подготовлена более насыщенная журнальная верстка. Слайдшоу в шапке страницы опирается на текст о проекте и сноску с резюмирующей информацией о нем.
Шрифт — немецкий инженерный стандарт DIN Pro.
