На одной из последних встреч по поводу разработки сайта нас с Олей попросили рассказать о том, что же на сайте будет такого, что сможет удержать посетителя и заставить его уделить больше внимания именно этому сайту. Долго думать нам не пришлось, примеры нашлись сразу же.

Фотогалерея

Если компания активно участвует в процессе разработки сайта и вкладывает в него все силы, то фотогалерея этой компании обычно бывает очень разнообразная и состоит из большого количества фотографий. Кроме того, фотографий этих с каждым днём становится всё больше и больше.

Нам, как разработчикам сайта, в этом случае очень хочется организовать фотографии таким образом, чтобы пользователю было удобно с ними работать – переходить от одного раздела к другому, просматривать фотографии в отдельном красивом окошке, для просмотра следующей/предыдущей фотографии использовать кнопки вперёд/назад (а не вручную открывать и закрывать очередные превьюшки).

Поэтому постепенно мы пришли к следующему способу представления фотогалереи:
http://chekeril.com/photo/

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

Дальше в каждой группе мы выделяем подгруппы, число которых уже может быть любым.

Теперь, для того чтобы не заставлять посетителя дожидаться загрузки всех фотографий на странице, мы эти фотографии ему не показываем до тех пор, пока он не нажмёт кнопку «Больше изображений».

Такая кнопка есть у каждой подгруппы фотографий, что даёт пользователю возможность просмотреть только те фотографии, которые ему интересны.

После просмотра фотографий посетитель может скрыть фотографии обратно, просто нажав на кнопку «Меньше изображений».

Кредитный калькулятор

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

Мы решили эту задачу следующим образом:
http://chevrolet.gc-absolut.ru/credit/calculator

Пользователю не надо загружать отдельные странички для каждого банка из представленных на сайте. Ему достаточно выбрать один банк, а затем просто перебирать все остальные, двигая колёсиком мышки вверх-вниз. Информация о банке при этом будет автоматически меняться в правой части страницы. И её можно будет достаточно быстро прочитать и сравнить.

Планировки квартир

Каким только способом мы не реализовывали планировки квартир. В самом последнем проекте – сайте строительной компании «Альянс», мы решили сделать так:
http://allns.ru/new-building/building-project/planirovki/?home=610770

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

Если же среди посетителей сайта встретится тот, кто очень желает посмотреть на планировки в их стандартном «чертёжном» виде, ему стоит только нажать на кнопку «Без мебели» и планировка приобретёт более привычный вид.