Начало
Первая папка с дизайном проекта была создана в январе 2014-го. До этого был прототип. До этого было несметное множество идей. Старики помнят, что очень давно, на одном из дизайн-батлов даже была тема «новый Сибирикс».
Идеи
Собираем хорошие идеи, где-то подсмотренные среди сайтов дня, где-то предложенные дизайнерами и аналитиками.
Анализируем, делаем первые пробы на прототипе.
Давайте сразу к картинкам уже.
Дизайн
Пробуем разные варианты, обсуждаем, перекраиваем и снова пробуем.
Первый вариант главной страницы был 10 000 пикселей в высоту. А если бы мы выложили здесь все промежуточные варианты дизайна, то длина пути, который бы прошел ваш указательный палец, скролля колесиком мышки, превысила бы длину МКАДа.
Контент и разработка
Итак, все наши дизайнеры, разработчики проекта и весь контент-отдел подключились к работе.
Интересные цифры:
- Шестьсот. Столько статей блога было перенесено из вордпресса в Битрикс специально написанным экспортом. С сохранением всей структуры, тегов, ссылок, сортировки, авторства, даты и так далее.
- Пятнадцать. Столько дублей в среднем делалось для того, чтобы снять одну сцену для видео с рассказом о наших процессах.
- Триста восемьдесят. Столько уникальных мультипликационных кадров было отрисовано вручную для того же ролика.
- Тысяча двести. Примерно столько изображений (для анонсов и детальных страниц) было обработано и вручную загружено в наш обновленный журнал о digital.
- Двести. Столько проектов мы оставили в нашем портфолио, для каждого дизайнеры создали уникальный промо-баннер, для каждой работы мы сделали развернутое структурированное описание и полноразмерные скриншоты страниц.
- Шестьдесят. Примерно столько иконок было разработано для нового сайта (варианты для Retina-дисплеев не в счет).
- Двадцать три. Столько вкладок было в документе с улучшениями по сайту после тестирования. Самая объемная вкладка насчитывала 182 строчки.
Сайт становился лучше и менялся в процессе наполнения. Так, например, наш блог получил десяток новых стилей — для быстрого и удобного форматирования статей. Текстовые страницы с услугами обросли выносками с иконками. Там же появились ролики с советскими хрониками — тематическая нарезка на каждый раздел. В админке Битрикса появилась куча включаемых опций, позволяющих управлять контентом и перестраивать внешний вид разделов в пару кликов. Мы объединили раздел отзывов с разделом клиентов. Шоурил обзавелся отменным тизером :)
Улыбаемся и машем
арт-директорКруто, что для каждой страницы разработали отличный контент. Сделали галерею из фоток офиса в разделе вакансий, иконки для сносок проработали, все до последней заглушки и мелкой анимации. Ну и самостоятельная страница Виски-брейка — это отдельный повод заглядывать на сайт ;)
аналитик, QAБыло интересно видеть изменения и дополнения в дизайне на каждом этапе тестирования. Проект сильно изменился с момента верстки. Изначально все было здорово, а стало ну прям очень-очень-очень круто.
руководитель проектовЯ собирала идеи для нового Сибирикса, часть из них решили использовать, от части пришлось отказаться, но в итоге получилось очень здорово!
дизайнерНовый Сибирикс насыщен разными приятными дизайнерскими мелочами — теперь в разговорах с клиентами часто привожу в пример по интерфейсным решениям наш собственный сайт.
бухгалтерСайт очень КЛЕВЫЙ получился!! И по отношению к прошлым сайтам СИБИРИКС, во-первых: он ДРУГОЙ!! А, во-вторых: видно, насколько профессиональнее стала работать команда! Мы лучшие!!!
дизайнерЧтобы собрать фотки на сайт с коллег, я угрожал им тем, что найду самую стремную с какого-нибудь корпоратива. И еще нарисовал пачку крутых баннеров для портфолио, оцените там, когда будете листать работы.
контент-менеджерЯ уже почти забыла, сколько у нас работ в портфолио и статей в блоге. Пришлось вспомнить :) Было нереально много работы по контенту, спасибо стажерам, очень хорошо помогли!
руководитель студииЛюто выросла конверсия, что радует. Почему — не знаю. Но! Зайдите на раздел job и угадайте, урожай чего там собирают на кинохронике.
Побродите по сайту и напишите сюда свои впечатления, нам будет очень приятно!
Первый макет главной в высоту был более 10 000 пикселей и мой комп с трудом переваривал его, фотошоп частенько крашился. Я насчитал три абсолютно разных варианта главной: например, второй вариант был с очень няшным скроллом, но в виду невозможности его нормальной оптимизации под невысокие дисплеи (ноутбуки) от него пришлось отказаться. Но моя любимая часть была с экспортом статей блога из таблиц вордпресса в инфоблок Битрикса!)