Примеры сайтов или, как мы их чаще называем аналоги, это лучшие сайты из определенного сегмента рынка. Аналоги очень полезны при разработке сайтов. Во-первых, они позволяют нам не изобретать велосипеды, во-вторых, помогают «синхронизироваться» с клиентом, то есть лучше понять друг друга и в итоге оправдать все ожидания.
Возможно, некоторые из вас осудят нас, приняв за велосипедных угонщиков. На самом деле же процесс создания двухколесного болида выглядит скорее как заимствование в одно целое подходящих гонщику деталей от десятка лучших велосипедов других спортсменов. В итоге ваша модель будет иметь лучший возможный состав именно для вашей компании, целевой аудитории, сезонности, направления ветра, уклона дороги. И самое приятное — в итоге ваш байк будет уникален!
Для начала рассмотрим основные площадки для поиска идей и деталей для вашего проекта.
Конкурсы сайтов имеют огромный вес в веб-разработке. Победители прошлого года диктуют правила года текущего.
Рейтинг Рунета — одна из самых популярных в России площадок, созданная в 2009 году. Сайты удобно разбиты по годам и категориям. Кстати, не забудьте поболеть за нас. Если участников прошлого года вам будет мало, вы всегда можете перейти на результаты предыдущих лет.
Золотой сайт — один из старейших конкурсов в России, основан в 1998 году. Осенью прошлого 2014 года наконец-то провели редизайн, правда для поиска аналогов придется обратиться к старой версии. Список победителей прошлых лет можно найти здесь, хотя навигация по удобству далека от Рейтинга Рунета, например.
Также Вы можете обратиться к иностранным конкурсам, таким как awwwards.com и cssdesignawards.com, где каждый день выбирают сайт дня и награждают званием Site of the Day.
Revision — самая известная галерея сайтов русскоязычных веб-студий.
Behance — известнейший в мире сервис для создания онлайн-портфолио. Удобный интерфейс и огромное количество талантливых дизайнеров.
Creashit — один из немногих сайтов с русскими дизайнами (и не только), у которого есть фильтр по цветам и стилям сайтов.
IT-Eburg — отличный портал о веб-разработке в Екатеринбурге, кроме всего прочего имеющий собственную галерею «Сайт Дня». Мы не стали относить эту площадку в конкурсы, потому что конкурс подразумевает разделение на участников и победителей. Тем не менее, это полезный инструмент для подбора хороших сайтов. О том, как отсеять сайты своей тематики читайте во втором шаге. А пока взгляните на разработанные нами «Сайты Дня» на it-eburg.com.
FL.ru — биржа фриланс-услуг. Никогда не задумывалась как галерея работ, но фрилансеры часто используют сайт именно так. Поэтому на этой площадке всегда можно найти нексолько хороших дизайнов, хотя надо признать, что плохих дизайнов там большинство.
TheBestDesigns.com, CSSmania.com и SiteInspire.com — отличные галереи веб-сайтов с удобной навигацией, много проектов с хорошим вкусом.
Webdesign-inspiration.com, Bestwebgallery.com — тоже хорошие «забугорные» галереи.
Onepagelove.com — галерея исключительно одностраничных сайтов.
Самый популярный и один из самых неудобных способов сбора аналогов. Берете любой рейтинг веб-студий, например, CMSmagazine и смотрите портфолио «топовых» участников. Кстати, можете найти нас в ТОП-20 Екатеринбурга.
К сожалению пока не на всех площадках есть разбиение по отраслям и стилям, поэтому нам придется прибегнуть к небольшой хитрости. Перейдите в ваш любимый поисковик, например, Google. Напишите в строке поиска»site:[площадка] [запрос], где [площадка] — это url-адрес плозадки для поиска, а [запрос] это сайт, который нужно найти. Затем, чтобы было еще проще, переходим на поиск по картинкам. Например, «site:behance.net сайт жк«. Не так уж сложно, правда?
Также меня не раз выручали подборки сайтов с иностранных ресурсов. Например, иногда нужно подобрать крутые сайты в «деревянном» стиле. Тогда просто забиваем в Google запрос «wooden style websites showcase«. В таких подборках очень популярны слова вроде showcase, awesome и обычно названия подборок начинаются с цифры.
Чтобы процесс подбора аналогов был максимально продуктивным, сделайте скриншот сайта и выделите на изображении элементы, которые считаете удачными. Затем соберите все ваши находники в таблицу Google Sheet, чтобы менеджер студии тоже мог прокомментировать любой найденный вами пример. Пример таблицы, забирайте здесь.
Для создания и комментирвания скриншотов можно использовать расширение для chrome, приложение clip2net (Windows) или использовать встроенные в приложение «Просмотр» инструменты редактирования (Mac OS).
