На главную
Футболки и кружки Swamp

Скрытая история дизайна swamp.ru

В качестве краткого вступления — небольшая историческая справка. Первая версия сайта swamp.ru была открыта в конце 2000 и просуществовала до конца 2002 года. Примерно в то же время обитателям студгородка пришлось жить без доступа к интернету около года. Выхода «во внешний мир» не было никакого, возможно поэтому сайт и не обрёл настоящей популярности.

Веб-мастером тогда был Андрей Котов (Hokum), который уже заканчивал институт, работал в хорошей компании и постепенно отходил от наших студенческих дел. У меня тогда был свой собственный популярный локальный сайт, и я был амбициозно настроен заменить Хокума в качестве «главного человека по сайтам».

Получив ненавязчивое ободрение со стороны АС, я начал рисовать макеты главного сайта для нашего, тогда ещё неформального, сообщества Swamp. Разумеется, сейчас, с высоты жизненного опыта, кажется очевидным, что начинать следовало совсем не с макетов, а с идеи, с процесса. Но тогда казалось, что только оформления и не хватает для того, чтобы триумфально перезапустить ресурс.

Я собрал тут порядка сорока картинок :) Кое-какие варианты вообще не вошли в подборку как несущественные, многие не вошли потому, что отличались от выбранных слишком незначительно. Многие картинки — это и не макеты вовсе, а наброски, но уже определяющие внешний вид.

2002. Ну, это несерьёзно!

1. 10 апреля 2002 года

2. 17 апреля 2002 года

Отклонено самоцензурой. Это явно была тупиковая ветвь ;)

3. 21 мая 2002 года

4. 21 мая 2002 года

5. 21 мая 2002 года

Эти три макета с куликом уже получше ;)

А вот другие три, в жёлто-синей гамме. Я вам скажу, откуда этот стиль — это на манер тогдашнего сайт МТС, сделанного в студии Лебедева.

6. 23 мая 2002

7. 25 мая 2002

8. 27 мая 2002

9. 28 мая 2002

Следующий блок — попытка адаптировать привычное и удачное оформление форума. Опять же, ничего не понятно о том, как будет устроен сайт. Ребята, если вы делаете сайты — не повторяйте ошибок, исходите сразу из того, какой у вас материал ;)

10. 19 июня 2002 года.

11. 19 июня 2002

Дальше интереснее — уже что-то более определённое. Кстати говоря, тоже не обошлось без «лебедевщины». Картинка родилась под впечатлением от сайта ebazaar, впрочем сейчас там уже всё другое.

12. 9 октября 2002

13. 20 октября 2002

14. 20 октября 2002

15. 21 октября 2002

2003. Ну нарисовали, ну и что?

На последнем варианте от 21 октября 2002 уже было всё что нужно: структура, информационные блоки, определённый формат. Обратите внимание, задуманные «хроники свампа» — это не что иное как блог, который мы в конце-концов реализовали в прошлом году.

Макет был свёрстан, и даже выставлен на пустующий тогда уже домен www.swamp.ru, где провисел без изменений почти год, а может быть и больше. Сей факт добросовестно отражён на archive.org.

16. 15 апреля 2003. Скриншот реального сайта.

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

17. 18 июля 2003

18. 21 июля 2003

19. 7 августа 2003

В регулярных попытках сообразить что-то новое и оригинальное получился вот такой макет, который впоследствии стал основой для оформления видеосайта.

20. 8 октября 2003

2004. Новые задачи

2004 был для Сети годом больших перемен. Она превратилась в автономную некоммерческую организацию, сменилось руководство, была проделана огромная работа по автоматизации и прочему налаживанию сервиса.

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

21. 25 августа 2004

2005. Постановка задачи — полдела

В начале 2005 года над проектом работал Сергей Филиппов, известный под ником Sega. Им были сформулированы некоторые важные идеи касающиеся возрождения сайта, но в целом работа у него тоже не заладилась. Всё это не удивительно, ведь задача-то толком не была сформулирована, и денег тогда на всё это не выделялось.

Как только появился какой-то бюджет, работа была возобновлена. На этот раз, усилия были пущены на то, чтобы правильно сформулировать идею и концепцию, подробно описать структуру и уже от этого думать об оформлении. Данный факт отражён в «рыбе» — она скопирована из какого-то программного документа.

22. 9 апреля 2005 года

23. 9 апреля 2005 года

24. 4 октября 2005 года

Примерно в том же году мне в голову пришла замечательная идея: «если не получается сделать круто и понтово, сделай проще, по крайней мере не будет смешно» ;)

25. 5 октября 2005 года

26. 5 октября 2005 года

Вот это оформление использовалось у нас до осени 2008 года. Было не очень современно, но зато этим можно было пользоваться. Основная работа конечно была в программировании, а не в оформлении, но пост не об этом.

27. 5 октября 2005 года

2006-2007. Пути улучшения

Сеть в том году неплохо развивалась, появлялись новые сервисы и сайты. Центральный сайт уже хотелось переделать под новые нужды.

28. 22 октября 2006

29. 27 ноября 2006

30. 6 апреля 2007

31. 10 апреля 2007.
Этот макет уже практически определил нынешний облик ресурса.

Смотрите, снова октябрь и апрель. Любопытно, что все нормальные рабочие макеты созданы либо осенью, либо весной. Студенческая жизнь омрачена регулярностью сессии :)

2008. Большие перемены

Это некоторая часть макетов, которые были предложены на смену дизайну 2005 года. Всего конечно было штук тридцать, но бОльшая часть отличалась незначительно.

32. 28 октября 2008

33. 28 октября 2008

34. 28 октября 2008

35. 28 октября 2008

36. 28 октября 2008

37. 28 октября 2008

38. 28 октября 2008

39. 30 октября 2008

40. 30 октября 2008

2009 и так далее

Новых картинок пока что нет, радикальных перемен не планируется, но сайт постоянно развивается эволюционным путём. Надеемся, что в лучшую сторону.

Вот и всё. Такая вот, доселе неизвестная, история. Надеюсь вам было интересно или любопытно, ну или на худой конец, просто забавно ;)

В следующей серии нас ждут непринятые логотипы Swamp. Следите за обновлениями!

Добавлено пользователем mickeys, 14.04.2010 в 20:16.
Тэги: сеть, сайты сети.

Комментарии:

14.04.2010 20:54, hokum:

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

14.04.2010 21:01, mickeys:

Ну там даты есть, а так на всякий случай пронумеровал конечно :)

14.04.2010 21:28, akulzs:

Помню, как обсуждали последние макеты. Основные споры были вокруг завитков в шапке. Сейчас они вот такие, а изначально предлагались такие, как на 32 макете. Я уж не помню, что там конкретно говорили Llama и Fly, но что-то аморальное они видели в тех завитках :). Основная же идея была в том, что сайт в первую очередь должен быть функциональным и легким, поскольку главным на нем должно было быть содержимое. Оглядываясь сейчас назад, мне кажется, что у нас где-то так и получилось.
Кстати, за ракету в шапке Толе 5! :) Родилась идея, что оформление шапки иногда у нас будет меняться - по факту это уже происходило несколько раз (на НГ, например, и вот недавно на День космонавтики). Так что по праздникам или другим событиям на swamp.ru будет особое настроение :).

14.04.2010 21:48, hokum:

ага, и тайно вперед прорисовать :)
под летнюю сессию можно завести тему джунглей и слоган: "свампру - теперь банановый"

14.04.2010 22:07, Llama:

По-моему, мне тогда больше всего понравился макет № 36. Он оставляет больше места, но, с другой стороны, в нынешней шапке удалось много полезного разместить, и ещё осталось место для ракеты и прочих красивых штук. Так что компромиссный вариант, который мы сейчас в итоге видим, себя хорошо зарекомендовал.

Первые полтора-два десятка вариантов, кстати, по тем временам были достаточно современны, это только сейчас на них смешно смотреть.

14.04.2010 22:33, elve:

а мне больше всего нравились 32, 35 и 37.
и вообще, болотные штуки как на 35 мне и сейчас больше нравятся, чем эти лепесточки :)

14.04.2010 22:40, TNic:

31 и 35 +1)
40 и 36 тоже нра...

14.04.2010 23:47, mickeys:

Llama, у Лебедева кстати можно посмотреть какой был Яндекс в 2002-м году - тоже довольно смешно сейчас :)

15.04.2010 00:27, Ns:

Спасибо за классную статью (:

15.04.2010 10:12, hokum:

надо поковыряться в своих архивах, могут найтись и мои эскизы от 2000ого года :)

15.04.2010 19:51, (последнее редактирование: 15.04.2010 19:57), burns:

Все мы помню в детстве хотели, чтобы вместо третьего декартового вектора был бы не "z", а что-то похожее на "й", мат же таким веселым нам казался.
Я очень удивился исполнением данной "мечты" на 6 макете. Ловко стертое dx, (которого там по идее то и не должно быть) как раз и заменяет искомую буковку) Как же такое "в печать" пропустили? =) Или на содержание так никто и не всматривался? =D

16.04.2010 10:09, mickeys:

Ну потому и пропустили, что оно в глаза не бросается :)