Новый сайт «Конкорда»
Восьмибитное безумие на новом сайте опытнейшей компании в области инженерных систем, информационных технологий и очень серьезного оборудования.
Создан в 2015 году
www.konkorde.ru
Предыдущая версия сайта за пять лет своего существования заметно поизносилась, растеряла актуальность и свежесть. Были поставлены четкие цели: сменив старую кожу на новую, избавиться от функциональной избыточности и пуще прежнего склонить контент в сторону презентационности
stage1
Техзад и прототипирование
Менеджер, насев на заказчика, выпотрошил из него максимум информации и сваял из всего этого техническое задание, параллельно сдобрив его хорошей порцией постраничных схем.
stage2
Концепция и эскизирование
Человек с обнуленной памятью, разоряющий гнездо инопланетян; гиперпространственный дельфин, жонглирующий гигантскими нуклеотидами; кольчатое беспозвоночное в суперкостюме; робокоп, динозавры и прочая пиксельная нежить теперь имеет косвенное отношение к новому сайту «Конкорда»
stage3
Дизайн
Воодушевленно приняв концепцию, заказчик открыл дизайнеру путь в мир пиксельной упоротости, кульминацией которой стал анимированный блок, сконструированный по всем законам горизонтальных скролл-игр.
Все по-честному: структура карты кратна одинаковым блокам 16×16 виртуальных пикселей. Нет ни одного полупрозрачного пикселя, или пикселя, сдвинутого вне законов нашей модульной системы. Как в старые добрые времена
stage4
Верстка и программирование
Так как каталог и другой хитрый функционал был купирован еще на предпроектном этапе, основную сложность представлял собой блок с анимацией персонажей, взаимодействующих с антуражем.
Дизайнер подготовил раскадровку всех анимированных элементов в виде спрайта: в зависимости от потребностей сценария за единицу времени в заданном месте отображается только нужная часть спрайта. Смена позиции спрайта внутри контейнера с заданной скоростью создает эффект покадровой анимации.