Задача — создать сайт для программы образовательных видеоконференций.
В середине августа 2011 мы приступили к этому проекту. Нужно было в очень сжатые сроки создать дизайн и сверстать страницы, чтобы проект мог успешно стартовать 1 сентября.
Начинаем с изучения фирменного стиля:
Сложность в том, что нет абсолютно никаких вводных данных, кроме приблизительного состава информации на страницах. Поскольку сроки поджимают, начинаем без данных, придумывая их на ходу. Пробуем идею мозаики из фотографий лекторов:
А так должен выглядеть сайт, когда идет прямая трансляция мероприятия:
Но оказывается, что фотографировать выступающих не получится, так как выступления будут идти по телемосту. Пробуем вариант с абсолютно разными фотографиями, в том числе достаточно плохого качества:
Теперь нужно предусмотреть то, что текст в блоках может быть любого объема, так что решаем упростить текстовые блоки и заодно промо-блок:
Вариант принят. Приступаем к остальным шаблонам. Вот, например, страница с расписанием:
Заказчик доволен, просит начинать верстку. Так закончились первая неделя работы. За оставшуюся до 1 сентября неделю все страницы сверстаны и переданы заказчику для наполнения их информацией.
Однако, в сентябре сайт не заработал. Более того, из-за уточненных требований нужно переделывать большую часть страниц: пока известно только о трех докладчиках, а значит нужно переделать первую, убрать расписание, а на стнаницы мероприятий разместить дополнительную информацию. Переделываем главную:
и делаем страницы трансляций и анонса мероприятия:
Вносим правки в остальные страницы и переверстываем. В последний момент от заказчиков приходит очередная порция правок и пожеланий: нужно как поменять дизайн, так и внести изменения в контент страниц, полностью изменив состав первой страницы. Вариант правок по дизайну от заказчика настолько, по нашему мнению, плох, что у нас остается только два варианта: или отказаться от дальнейших работ, или за ночь придумать дизайн, который устроит и нас и клиента. Пробуем второй вариант:
Клиенты соглашаются, что наш эскиз более удачнен. Приступаем к верстке, параллельно внося измения в контент и правки в дизайн. В верстке с любовью решаем технические проблемы (об этом будет отдельный пост) и внедряем приятные мелочи, вроде автоматической расстановки переносов или адаптация для айПада. Наконец-то выкатываем релиз на сервер и открываем доступ! Но, очевидно, это не окончательный вариант сайта. Уже готов список правок, фич и страниц, которым еще только предстоит сделать дизайн. Так что, следите за изменениями, благо программа Knowledge Stream рассчитана минимум на один год и будет включать в себя около 80 лекций.
Над проектом работали: Дмитрий Копацкий, Дмитрий Гречуха, Сергей Медведев, Александр Зайцев.
