Вторая версия сайта
Рассказывает Иван Рожков
По принципу прогрессивного джипега первым делом собираем страницу целиком, пусть и сырую. Переиспользуем стили и блоки со старой версии сайта, на скорую руку пишем рыбный текст.
Дальше последовательно прожариваем каждый блок.
Ищем нескучную композицию для шапки. Ради максимальной плотности подбираем слова с минимумом выносных элементов и ищем способ подружить строки между собой:
Пробуем вдохновиться конкурентами — ищем и формулировку для заголовка страницы, и в целом классное настроение сайта. У конкурентов в основном всё буднично, а нам хочется, чтобы страница запоминалась и поражала воображение.
Пробуем по‑разному показать, что у нас куча игр:
Была даже идея показать игры в виде блинчиков, которые падают с неба и собираются в аккуратные стопочки — что‑то в духе «Скай бургера» и «Тауэр блокса»:
В итоге анимированная матрица игр займёт место на первом экране, чтобы изобилие встречало с порога. А поиск настроения на разных этажах продолжается:
Арт‑директор советует отказаться от пиксельного текста то в одном месте, то в другом. Постепенно приходим к тому, что на новой странице пиксельного текста не будет вовсе.
Наклоняем картинки и раскидываем по странице тридешные иконки, потому что так радостнее:
Градиент у заголовка и булиты‑логотипчики призваны дополнительно забрендировать этаж с карточками. Скоро эта идея распространится и на другие элементы.
Презентуем сайт клиенту в таком виде:
Вносим небольшие замечания и начинаем верстать сайт в Карандашике. Для этой части рассказа не сохранилось ни картинок, ни скриншотов с длинными списками правок по вёрстке, потому что дизайнеры сами находили и исправляли большинство косяков.
По ходу вёрстки клиент просит изменить акценты в этаже со статистикой и уместить все факты в один экран. Пересобираем:
Из‑за организационных изменений на своей стороне клиент хочет перенести пуск на несколько дней. Решаем использовать дополнительное время, чтобы добавить анимации, которые в ином случае пофлексили бы. Оживляем пламя ракеты и фитиль у бомбы, настраиваем сердцебиение, полируем разные мелочи.
В назначенную дату без приключений запускаем новый сайт.