Мои заметки

  • Как я работаю с заказчиком при создании сайта

    Создание сайта проходит в несколько этапов, требующих действий не только со стороны непосредственно разработчика, но и со стороны заказчика. Чтобы наша совместная работа была более эффективной, я предлагаю следующий алгоритм поэтапного создания сайта.

  • Оптимизация сайта под поисковые системы пошагово.

    Это рассказ о том, как я пытался подстроить сайт по продаже недвижимости в Таиланде в различных поисковиках. Ни в коем случае не руководство

  • Полезные ссылки на память

    Эту заметку я постараюсь периодически обновлять, добавляя сюда инструменты и сайты, которыми пользуюсь при разработке собственных дизайнов. Кроме того, здесь будут ссылки на ресурсы, полезные мне, как начинающему художнику и иллюстратору.

  • Специальные символы HTML

    Таблица специальных символов себе на память, чтобы использовать в последующем где-нибудь в проектах.

Как создавался дизайн сайта для культурно-развлекательного центра «Метелица»

Сегодня расскажу немного о том, как проходила работа над созданием одного из моих сайтов. Культурно-развлекательный центр «Метелица» является одним из популярных заведений города Петрозаводска. Арт-директор клуба - человек творческий, способный правильно излагать свои пожелания и с пониманием относящийся к работе таких людей, как я. Работать с ним было действительно приятно и интересно, а вариантов, предложенных ему оказалось достаточно много. Поэтому я и решил краткую историю разработки выложить у себя на сайте.

Обсудив будущий проект с заказчиком, я выявил основные визуальные предпочтения, в соответствии с которыми и стал рисовать дизайн:

  • фон должен быть бордовым, желательно, с каким-нибудь рисунком;
  • сайт должен быть ярким, броским, заходя на него, пользователи должны его запоминать;
  • стандартная вертикальная прокрутка должна отсутствовать. Вместо неё нужно продумать собственную полосу где-то рядом с текстом;
  • вертикальная прокрутка не должна появляться на мониторах с разрешением 1024х768;
  • на странице должно присутствовать изображение танцующей девушки.

Итак, для начала я накидал пару вариантов, на которых прикинул, что и как должно примерно располагаться на странице.

  

Поскольку логотипа мне не было предоставлено, то я пробовал придумать что-то сам; получалось не очень, но это были просто наброски для дальнейшей работы над ними. Первый вариант был интересен, но, по сути, никакой привязки, кроме девушки к клубу и слову не было. Я решил использовать немного мороза и льда, и, поискав несколько несложных уроков в Сети, нарисовал что-то, похожее на льдинки. В качестве фонового изображения я поместил узор, взятый с одного из бесплатных «забугорных» ресурсов.

После перерыва на сон я продолжил работу над макетом. Мне не понравилась девушка (она скорее относится к какому-то фитнесу). Написание слова «метелица» также меня не очень радовало, поэтому я решил его поменять на что-нибудь более вразумительное.  Кусочки льда внизу страницы требовали некоторой доработки. Ну, и приукрасить меню было бы не лишним, я так подумал. Так появился первый вариант макета, который я отправил заказчику

На этом этапе заказчик предложил перенести меню наверх, что было бы, по его мнению, более привычным для обычного посетителя сайта. Это мне показалось вполне разумным. Далее я стал чуть более детально рассматривать поставленную задачу и пришел к выводу, что при разрешении 1027х768 в моём распоряжении есть лишь около 590 пикселей в высоту до появления вертикальной прокрутки. Поэтому пришлось уменьшать макет по высоте. Так родился следующий вариант, который я предложил заказчику:

Реакция заказчика была не совсем однозначна: с одной стороны он сказал, что всё круто и супер, с другой - просил внести довольно много изменений. В частности, он не захотел ассоциации «метелица - лёд» и попросил его убрать. Но главной неожиданностью стало то, что у заказчика отыскался логотип, который надо было адаптировать к сайту. Что ж, сказано - сделано, и вторая версия макета ушла на согласование:

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

  

Как видно, в одном из макетов я решил уйти от бордовых обоев, сделав сайт более однотонным, более ночным. Заказчику понравился «уход в однотонность», но только он попросил сделать в красных тонах. Так появился вариант, который я назвал бы вампирским:

Работа над макетом уже подходила к концу. В финальном варианте было решено вернуться к исходным сочетаниям цветов, вернуть кубики льда (они были убраны, потому что голубые кубики на красном фоне не смотрелись вообще). Также внимательный заказчик заметил, что логотип, а именно круг из-за специфичного «вдавливания» в меню выглядит, как перевёрнутое яйцо. От этого эффекта зрения надо было избавляться. На фон под текст тоже было решено подложить изображение обоев только сделать его чуть видимым. Ну, и я чуть-чуть увеличил изображение танцующей девицы:

Результат проделанной работы вы можете увидеть на сайте культурно-развлекательного центра «Метелица» по адресу http://clubmetelica.ru. А у меня за сим всё.

comments powered by Disqus