Скрытая история дизайна swamp.ru
В качестве краткого вступления — небольшая историческая справка. Первая версия сайта swamp.ru была открыта в конце 2000 и просуществовала до конца 2002 года. Примерно в то же время обитателям студгородка пришлось жить без доступа к интернету около года. Выхода «во внешний мир» не было никакого, возможно поэтому сайт и не обрёл настоящей популярности.
Веб-мастером тогда был Андрей Котов (Hokum), который уже заканчивал институт, работал в хорошей компании и постепенно отходил от наших студенческих дел. У меня тогда был свой собственный популярный локальный сайт, и я был амбициозно настроен заменить Хокума в качестве «главного человека по сайтам».
Получив ненавязчивое ободрение со стороны АС, я начал рисовать макеты главного сайта для нашего, тогда ещё неформального, сообщества Swamp. Разумеется, сейчас, с высоты жизненного опыта, кажется очевидным, что начинать следовало совсем не с макетов, а с идеи, с процесса. Но тогда казалось, что только оформления и не хватает для того, чтобы триумфально перезапустить ресурс.
Я собрал тут порядка сорока картинок :) Кое-какие варианты вообще не вошли в подборку как несущественные, многие не вошли потому, что отличались от выбранных слишком незначительно. Многие картинки — это и не макеты вовсе, а наброски, но уже определяющие внешний вид.
2002. Ну, это несерьёзно!
Отклонено самоцензурой. Это явно была тупиковая ветвь ;)
Эти три макета с куликом уже получше ;)
А вот другие три, в жёлто-синей гамме. Я вам скажу, откуда этот стиль — это на манер тогдашнего сайт МТС, сделанного в студии Лебедева.
Следующий блок — попытка адаптировать привычное и удачное оформление форума. Опять же, ничего не понятно о том, как будет устроен сайт. Ребята, если вы делаете сайты — не повторяйте ошибок, исходите сразу из того, какой у вас материал ;)
Дальше интереснее — уже что-то более определённое. Кстати говоря, тоже не обошлось без «лебедевщины». Картинка родилась под впечатлением от сайта ebazaar, впрочем сейчас там уже всё другое.
2003. Ну нарисовали, ну и что?
На последнем варианте от 21 октября 2002 уже было всё что нужно: структура, информационные блоки, определённый формат. Обратите внимание, задуманные «хроники свампа» — это не что иное как блог, который мы в конце-концов реализовали в прошлом году.
Макет был свёрстан, и даже выставлен на пустующий тогда уже домен www.swamp.ru, где провисел без изменений почти год, а может быть и больше. Сей факт добросовестно отражён на archive.org.
16. 15 апреля 2003. Скриншот реального сайта.
Сейчас уже не скажу точно почему, но вполне жизнеспособное оформление так и не пошло в дело. Может быть, хотелось чего-то попроще в задумке, что соответствовало бы уровню поддержки всего проекта в то время.
В регулярных попытках сообразить что-то новое и оригинальное получился вот такой макет, который впоследствии стал основой для оформления видеосайта.
2004. Новые задачи
2004 был для Сети годом больших перемен. Она превратилась в автономную некоммерческую организацию, сменилось руководство, была проделана огромная работа по автоматизации и прочему налаживанию сервиса.
Соответственно изменились и задачи. Потребовался не абстрактный сайт сообщества в вакууме, а небольшой сайт с оперативной информацией о том, кто есть кто, с информацией о подключении и техническими руководствами. Фактически, тогда это и был наш основной сайт, хотя работал он по адресу ournet.swamp.ru.
2005. Постановка задачи — полдела
В начале 2005 года над проектом работал Сергей Филиппов, известный под ником Sega. Им были сформулированы некоторые важные идеи касающиеся возрождения сайта, но в целом работа у него тоже не заладилась. Всё это не удивительно, ведь задача-то толком не была сформулирована, и денег тогда на всё это не выделялось.
Как только появился какой-то бюджет, работа была возобновлена. На этот раз, усилия были пущены на то, чтобы правильно сформулировать идею и концепцию, подробно описать структуру и уже от этого думать об оформлении. Данный факт отражён в «рыбе» — она скопирована из какого-то программного документа.
Примерно в том же году мне в голову пришла замечательная идея: «если не получается сделать круто и понтово, сделай проще, по крайней мере не будет смешно» ;)
Вот это оформление использовалось у нас до осени 2008 года. Было не очень современно, но зато этим можно было пользоваться. Основная работа конечно была в программировании, а не в оформлении, но пост не об этом.
2006-2007. Пути улучшения
Сеть в том году неплохо развивалась, появлялись новые сервисы и сайты. Центральный сайт уже хотелось переделать под новые нужды.
31. 10 апреля 2007.
Этот макет уже практически определил нынешний облик ресурса.
Смотрите, снова октябрь и апрель. Любопытно, что все нормальные рабочие макеты созданы либо осенью, либо весной. Студенческая жизнь омрачена регулярностью сессии :)
2008. Большие перемены
Это некоторая часть макетов, которые были предложены на смену дизайну 2005 года. Всего конечно было штук тридцать, но бОльшая часть отличалась незначительно.
2009 и так далее
Новых картинок пока что нет, радикальных перемен не планируется, но сайт постоянно развивается эволюционным путём. Надеемся, что в лучшую сторону.
Вот и всё. Такая вот, доселе неизвестная, история. Надеюсь вам было интересно или любопытно, ну или на худой конец, просто забавно ;)
В следующей серии нас ждут непринятые логотипы Swamp. Следите за обновлениями!
Добавлено пользователем mickeys, 14.04.2010 в 20:16.
Тэги:
сеть, сайты сети.
| Tweet |
|
Комментарии:
Ну там даты есть, а так на всякий случай пронумеровал конечно :)
Помню, как обсуждали последние макеты. Основные споры были вокруг завитков в шапке. Сейчас они вот такие, а изначально предлагались такие, как на 32 макете. Я уж не помню, что там конкретно говорили Llama и Fly, но что-то аморальное они видели в тех завитках :). Основная же идея была в том, что сайт в первую очередь должен быть функциональным и легким, поскольку главным на нем должно было быть содержимое. Оглядываясь сейчас назад, мне кажется, что у нас где-то так и получилось.
Кстати, за ракету в шапке Толе 5! :) Родилась идея, что оформление шапки иногда у нас будет меняться - по факту это уже происходило несколько раз (на НГ, например, и вот недавно на День космонавтики). Так что по праздникам или другим событиям на swamp.ru будет особое настроение :).
ага, и тайно вперед прорисовать :)
под летнюю сессию можно завести тему джунглей и слоган: "свампру - теперь банановый"
По-моему, мне тогда больше всего понравился макет № 36. Он оставляет больше места, но, с другой стороны, в нынешней шапке удалось много полезного разместить, и ещё осталось место для ракеты и прочих красивых штук. Так что компромиссный вариант, который мы сейчас в итоге видим, себя хорошо зарекомендовал.
Первые полтора-два десятка вариантов, кстати, по тем временам были достаточно современны, это только сейчас на них смешно смотреть.
а мне больше всего нравились 32, 35 и 37.
и вообще, болотные штуки как на 35 мне и сейчас больше нравятся, чем эти лепесточки :)
31 и 35 +1)
40 и 36 тоже нра...
Llama, у Лебедева кстати можно посмотреть какой был Яндекс в 2002-м году - тоже довольно смешно сейчас :)
Спасибо за классную статью (:
надо поковыряться в своих архивах, могут найтись и мои эскизы от 2000ого года :)
15.04.2010 19:51, (последнее редактирование: 15.04.2010 19:57), burns:
Все мы помню в детстве хотели, чтобы вместо третьего декартового вектора был бы не "z", а что-то похожее на "й", мат же таким веселым нам казался.
Я очень удивился исполнением данной "мечты" на 6 макете. Ловко стертое dx, (которого там по идее то и не должно быть) как раз и заменяет искомую буковку) Как же такое "в печать" пропустили? =) Или на содержание так никто и не всматривался? =D
Ну потому и пропустили, что оно в глаза не бросается :)












































14.04.2010 20:54, hokum:
сделай доброе дело? ну если лениво здесь, то хотя бы в будущих "логотипах", так удобнее будет обсуждать пронумеруй картинки