BATMAN. The Knight of the Night

Сайт полностью перерисован, но дизайн остался почти без изменений. За счёт такого косметического ремонта сайт стал смотреться намного лучше.

А вот ещё интересно ↓

Основываясь на классических фильмах Тима Бёртона, сразу решили, что сайт будет преимущественно тёмным. По задумке, меню должно быть не просто текстовым, а с какими-то небольшими картинками. Смотрим на обложки фильмов и пытаемся понять, что можно использовать:

Обложки DVD с фильмами

Появляется идея использовать логотипы Бэтмена: на большинстве обложек они есть, причём все отличаются друг от друга. Это замечательно, но на трёх обложках логотипов нет. Более глубокое изучение вопроса показывает, что «классическая» серия выходила в коллекционном издании c обложками, сделанными в одном стиле:

Обложки Blu-Ray с фильмами

То, что надо. Располагаем логотипы в ряд и делаем надписи тем же шрифтом, что и в фильмах Бёртона:

Меню

Отлично. А когда фильмов станет очень много, добавим в меню красивую прокрутку.

Теперь нужно сделать ссылку для возврата на главную страницу, и делать её надо в этом же стиле. Изучаем историю логотипов Бэтмена, чтобы на их основе нарисовать новый:

Эволюция Бэтмена

В итоге рождается вот такая летучая мышка — узнаваемая с одной стороны и совершенно новая с другой:

Логотип сайта

Что касается наполнения сайта, решаем сначала сделать шаблон для внутренних страниц. На них кроме текстовой части должны быть фотографии главных действующих лиц, к которым решаем добавить лица режиссёров и композиторов (музыка является неотъемлемой частью фильма, и во всех этих фильмах она звучит 90% времени). Пробуем как-то скомпоновать имеющийся материал:

Внутренняя страница - вариант 1

Выглядит как-то несуразно: фотографии слишком большие и кажутся оторванными от текста; место расходуется нерационально, очень много чёрной пустоты. Надо расположить элементы более компактно, а заголовку отвести больше места. Меню будет располагаться в самом низу страницы и как бы появляться из тьмы. Переделываем шаблон:

Внутренняя страница - вариант 2

Главную страницу совмещаем со страницей «О сайте», чтобы в меню осталось только нужное:

Главная страница

 

Через 3 года возникла необходимость немного переделать сайт — в основном, увеличить фотографии и сделать сайт более приятным для просмотра. Прикидываем, как это будет выглядеть:

Новая версия сайта

Из других улучшений: увеличен размер и изменён цвет шрифта для лучшего восприятия; добавлены фотографии Бэтмобилей, а также информация о людях, получивших «Оскар» и «Золотую малину»; переделаны все шапки с учётом шрифтов, использующихся в фильмах; ну и так, по мелочам.