Процесс создания 8-й версии нашего сайта
В октябре 2014 года мы решили, что нашему сайту необходимо новое лицо.
Количество работ превысило отметку 340. Заходя в портфолио, посетители видели огромный список, который надо было как-то «пережевывать». Судя по аналитике, пользователи просматривали портфолио наугад, фильтруя по категории.
Все это сильно размывало фокус посетителя сайта. Мы же хотели, чтобы потенциальный клиент мог оценить наши мощности и потенциал, увидеть проекты разного масштаба. Поэтому на этапе проектирования нового сайта было решено сделать две вещи:
- Разделить «Портфолио» на четыре разных направления: Логотипы, Сайты, Приложения и Графический дизайн. Выделить их основными пунктами в меню, чтобы посетитель сразу понимал, на чем специализируется студия.
- В каждом разделе выделить около 10-15 работ, которые позволяют посетителю оценить нашу компанию, но при этом оставить возможность просматривать полный список работ.
Аналитика
Стандартный отчет Google Analytics показывает, что более 45% наших посетителей просматривают сайт с экрана разрешением более 1600px. Обычно мы отмахивались от этих цифр, утверждая что подсчет неверный — аналитика считает размер экрана, а не размер окна браузера. Но даже проверив это через специальный Event на viewport, который определяет установленные пользователем размеры окна, мы получили схожие цифры.
Вопреки всеобщей мобильной эйфории, лишь 9% клиентов заходят на сайт с телефонов, и только 3% - с планшетов . Видимо, они по-прежнему предпочитают рассматривать портфолио на десктопах.
Соотношение новых пользователей и вернувшихся составляет 62% против 38%. Первой категории мы, прежде всего, должны рассказать кто мы, а второй — что у нас нового. Это и задает требования к главной странице.
Вспоминая о цифрах аналитики и о размерах экранов пользователей, хочется сделать сайт более широкоформатным. Разделить навигационную и контентную области.
И все вроде неплохо, но напрягает излишняя стерильность в оформлении внутренних страниц. Простота и строгость главной станицы, напротив, все больше притягивает взгляд. Продолжаем поиски
Однако полученный результат не устраивает. То, что казалось хорошим и легким в статичном исполнении, в прототипе оказалось скучной недоделкой. Проблема сильного отличия статики от динамики начала приобретать острый характер. Учитывая «плоскость» дизайна, стали особенно важны «тактильные» ощущения от пользования сайтом.
Определяемся
После обкатки прототипа, уже будучи уверенными в его жизнеспособности, приступаем к визуальной реализации. Рисуем главную страницу, где пользователя встречает обложка последней работы и основная навигация.
Концепция еще интересна тем, что больше не нужны отдельные разводящие разделы направлений «Логотипы», «Сайты» и т. д.
Правая и левая части могут меняться независимо друг от друга.
Мы можем избавиться от традиционной трехуровневой схемы «Главная/ Категория/ Работа» и сделать все страницы одноуровневыми. В левой части всегда будет главный контент страницы, а в правой – навигация, где пользователь может переключать категории, не уходя с текущей страницы.
Для полной лаконичности сокращаем URL адреса работ:
- Было — www.scada.lv/portfolio/client/site
- Стало — www.scada.lv/client/site
Запуск
В конце августа открываем сайт, анонсируем его на фейсбуке и наблюдаем за реакцией пользователей. Реакция неоднозначная — еще бы, все зашло так далеко, что пользователи уже привыкли к «сиропному» дизайну: большие фото работ, видео интерьера офисов, паралаксы, behance-ское оформление кейсов и т.д. Одним словом, много блестящей пыли, но не сути.
Сайт студии — это прежде всего работы. И важно их показать точно такими какими они явлются в реальной жизни. Мы могли бы выделить десяток работ, потратить на них время и оформить в супер ярком модном стиле, где даже самая скромная способна пустить пыль в глаза.
Но создание хорошего продукта — это прежде всего коммуникация и понимание нужд клиента. Да, многие клиенты портят работу дизайнера, да, многим дизайнерам не интересно, что происходит с макетами после передачи разработчикам. Но важно показывать результат работы таким, какой он есть. Если хотите показать миру, как он несправедлив, расскажите об этом в блоге или в Процессе проекта. Или занимайтесь своими собственными проектами, где ты сам себе и режиссер и артдир, но тогда это будет никак не связано с настоящим коммерческим дизайном, что сделать все-таки гораздо сложнее.
По статистике, около 10% приходится на страницу 404 ошибки. Оказалось, эти пользователи вместо того, чтобы просто нажимать на категории, открывают их в новом окне. И по очереди просматривают. В рамках концепции мы решили отказаться от лишней разводной страницы, поэтому сайт выдавал ошибку 404.
Чтобы решить эту проблему, мы создали скрытую страницу категории, на которую можно попасть только открыв линк в новом окне или зайдя по прямой ссылке. Пользуясь сайтом в обычном режиме, эти страницы не отображаются.
Результаты
Среднее время посещения сайта сократилось в два раза. Процент отказов вырос. Но самый главный результат от редизайна — мы стали получать другие, более качественные лиды. Сократилось число заявок на разработку интернет-магазина или корпоративного сайта. Зато участились запросы на дизайн интерфейсов, мобильных приложений, крупного брендинга. Мы стали ближе к «продвинутым» клиентам.
В этом и была наша цель.