Пара слов о новых разделах на сайте

Совсем недавно на нашем сайте были созданы два новых раздела - это "Территория обслуживания" и "Партнеры". Основным отличием этих страничек сайта стали размещенные на них флэш-карты, на которых отображены города РФ, с которыми работает наша компания и страны, где размещены наши торговые партнеры.
Одной и целей создания этих страничек было показать широту работы нашей компании в Мире и на территории Российской Федерации.
Скажу сразу, что трудились мы над этими картами довольно долго, пробовали разные подходы, оценивали результат и... "выбрасывали" его в корзину. Я думаю, что, если бы мы выбрасывали бумажные макеты, а корзина была бы не электронная, а настоящая, то мы могли бы даже организовать "бар отверженных макетов", вот так вот я могу примерно описать все терзания, которые мы испытали, пока добрались до истины. Хотелось получить на выходе что-то не нудное, не перегруженное и в тоже время яркое и понятное.
Обязательно нужно отметить терпение команды разработчиков, которые вместе с нами выполняли этот проект. Такому спокойствию можно только позавидовать, абсолютная правда.
Конечно же, я не буду голословной и как обычно выложу несколько фото с этапами разработки, не все, иначе вы уснете, читая этот пост, а те части, которые стали ступеньками этого проекта. Итак, вашему вниманию представляется создание карты РФ для раздела "Территория обслуживания" (все картинки кликабельны)

Пара слов о том, как это было (слева направо):

Я: "Хочу интерактивную карту России с городами на ней, да так, чтобы все можно было подсветить, названия прочитать и чтобы было красиво".
Исполнитель: "Сделаем в лучшем виде, вот рисунок карты РФ на него и нанесем". (это он про самую первую картинку)
Я, сморщив носик: "Не, что-то не то, цвета не те, фон какой-то не такой, бледная какая-то, да и вид не как в атласе, не катит".
Исполнитель: "А как вам эта?" - и на вторую картинку неловко указывает пальчиком.
Я: "Все не так, надо так, как на третьей картинке".
Тут мы во мнениях и сошлись, работа пошла, нанесли города, сначала точки были словно пластиковые, невзрачные, но потом подсветили каждую точку-город, добавили движение и пробегающий между городами соединяющий импульс и вуаля, карта заиграла свежими красками.




Итоговый вариант на сайте можно посмотреть тут: "Территория обслуживания"

С картой Мира все было ещё интереснее, ведь кроме картинки нам надо было ещё определиться с тем, как будут увеличиваться материки при наведении мышки. Ну, как вы можете видеть, первые два варианта были отвергнуты сразу, один слишком темный, второй... сами понимаете, не подошел.
А вот третий оказался вполне ничего, сразу понравился, а вот первые варианты с логотипами производителей - нет. Вообще сначала идея была довольно простой: отмечаем на карте города, в которых находятся наши партнеры, и пишем название производителя, все по аналогии с картой РФ, но карта оказалось бледной и не понятной. Читать какие-то надписи мелким шрифтом не очень хотелось даже мне самой, не говоря уже о посетителях сайта.
Тогда мы решили у каждой "карточки" с названием поставить флаг страны, в которой находится производитель, но оказалось ни о чем. Из карты стало только понятно, на какую страну мы навели мышку, а производитель так и остался загадкой, если не вчитываться специально. Здесь и родилась идея в каждую карточку напротив названия производителя поставить его официальный логотип.
Пробы пера были вроде ничего, но какие-то слабенькие, надписи мелкие, из логотипов понятны только их очертания, да и то какие-то кривенькие из-за маленького размера. В этом месте мы застряли надолго. Было много споров о том, какого размера сделать оптимальную карточку, какого размера вставить туда логотипа, и какого размера должен быть шрифт, чтобы читать названия было удобно.
В итоге мы отрисовали каждый логотип и увеличили размер всплывающей карточки, пример на последней картинке.




Итоговый вариант на сайте по ссылке: "Партнеры"

В итоге, все остались довольны результатом, даже дизайнер поставил на пол собранный чемодан с вещами и решил не уходить из дома smile:)) Мы старались для вас и надеемся, что вам тоже понравится. Ждем ваших отзывов и надеемся, что вам будет удобно пользоваться этими разделами на сайте.

автор: Elvina Belova (09.08.2012 14:04:43)

Комментарии (106)

Страницы: 1  2  3  4  

Опубликовать новый комментарий

CAPTCHA
Страницы: 1  2  3  4  

 

Поиск по каталогу

Наименований в каталоге: 42104
мм.
диаметры:
мм.
мм.
 
показать дополнительные параметры
LiveZilla Live Chat Software