Эволюция дизайна сайта

Два года назад осознал, что пора выходить на просторы Интернета и заявлять о себе, как о массажисте. Рассматривались возможные подходы:

  • Разместить объявления на бесплатных досках.
  • Заявить об услуге в своём блоге (ЖЖ).
  • Сделать свой сайт.
Объявления были даны на пару десятков самых посещаемых досок и не возымели действия – была только пара звонков от плохо понимающих по-русски эротоманов южных кровей. Превращать свой ЖЖурнал в рекламную площадку не хотелось, а заводить новый неэффективно – слишком много сил на раскрутку.

Тогда я приступил к созданию сайта и соорудил в Экселе два эскиза:

альфа-эскиз бета-эскиз

До этого мой опыт сайтостроения ограничивался сооружением во ФронтПейдже сайта-визитки из 5 страниц по три блока. Последней прочитаннокй книгой на эту тему был «Веб.Дизайн» Дмитрия Кирсанова, крутая книга, актуальная лет 10 назад. У меня не было понятия о CSS, дизайне слоями, CMS. Так что реализация эскизов, выложенная мной на бесплатный хостинг под купленное доменное имя RUMASSAGE.ME, была сделана на статическом HTML, табличным дизайном с линейными стилями, вставленными в текст страниц. Ставилась цель обойтись минимумом графики для обеспечения хорошей скорости загрузки страниц. Опубликованный вариант выглядел так:

бета-эскиз

На сайте не было возможности комментирования – всё собирался приделать скрипт какой-нибудь гостевой книги, но моё внимание привлекли системы управления контентом (CMS) – комплексы скриптов, для публикации и комментирования материала прямо из веб-форм. Из распространенных бесплатных систем для дальнейшего освоения был выбран Drupal, как наиболее гибкий и профессиональный. Прочёл книгу по CSS и начал конструировать на виртуальном сервере пробный дизайн, а через 2 недели обновил сайт, выложив результат на хостинг. Получилось вот что:

дизайн 2.0 на Drupal

Около года назад, прошлой зимой, озадачился сделать вид сайта более привлекательным для пользователей. Добавил градиенты на боковые панели, заголовки и уголки блоков. Нарисовал пульсирующий фон для оживления меню ври наведении мыши – до сих пор горжусь. Взгляните, как работает на сайте. Как вам?

дизайн 3.0 графические градиенты

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

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

дизайн 4.0 графические градиенты

Именно эта версия оформления крутится на сайте в момент написания заметки. Как вам?

Работы с сайтом, как обычно, много. Собираюсь пробовать научить сайт узнавать гостей по никам вКонтакте. Думаете, надо?

www.000webhost.com