Дизайнер Седунов Виктор | Портфолио | Блог | Разработка дизайн-макетов сайтов, интерфейсов, логотипов http://sedunov.ru Сайт-портфолио, блог, дизайнер, Седунов Виктор Wed, 30 Nov 2011 17:03:42 +0000 en hourly 1 http://wordpress.org/?v=3.3 Разработан дизайн главной страницы коттеджного поселка http://sedunov.ru/2011/11/%d0%b4%d0%b8%d0%b7%d0%b0%d0%b9%d0%bd-%d0%ba%d0%be%d1%82%d1%82%d0%b5%d0%b4%d0%b6%d0%bd%d1%8b%d0%b9-%d0%bf%d0%be%d1%81%d0%b5%d0%bb%d0%be%d0%ba/ http://sedunov.ru/2011/11/%d0%b4%d0%b8%d0%b7%d0%b0%d0%b9%d0%bd-%d0%ba%d0%be%d1%82%d1%82%d0%b5%d0%b4%d0%b6%d0%bd%d1%8b%d0%b9-%d0%bf%d0%be%d1%81%d0%b5%d0%bb%d0%be%d0%ba/#comments Fri, 25 Nov 2011 07:39:16 +0000 Victor http://sedunov.ru/?p=202 В рамках оплачиваемого тендера был разработан дизайн главной страницы сайта коттеджного поселка.

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

 

Коттеджный поселок

 

]]> http://sedunov.ru/2011/11/%d0%b4%d0%b8%d0%b7%d0%b0%d0%b9%d0%bd-%d0%ba%d0%be%d1%82%d1%82%d0%b5%d0%b4%d0%b6%d0%bd%d1%8b%d0%b9-%d0%bf%d0%be%d1%81%d0%b5%d0%bb%d0%be%d0%ba/feed/ 0 Дизайн сайта «Peregorodok.net» http://sedunov.ru/2011/11/%d0%b4%d0%b8%d0%b7%d0%b0%d0%b9%d0%bd-%d1%81%d0%b0%d0%b9%d1%82-peregorodok-net/ http://sedunov.ru/2011/11/%d0%b4%d0%b8%d0%b7%d0%b0%d0%b9%d0%bd-%d1%81%d0%b0%d0%b9%d1%82-peregorodok-net/#comments Thu, 24 Nov 2011 16:49:47 +0000 Victor http://sedunov.ru/?p=177 Компания «Петропрофиль» занимается производством и монтажом офисных перегородок по всей России. Дух компании пропитан высоким качеством работы, начиная от производства профиля и подбора, комплектующих и заканчивая послемонтажными работами. К новому дизайну сайта так же были предъявлены самые высокие требования. Приятно было сдавать макеты и получать одобрительные комментарии.

Дизайн сайта разрабатывался в соответствии с новым фирменным стилем под брендом Peregorodok.net. Основной акцент смещен в пользу продукции компании: демонстрации всего ассортимента и цен, портфолио выполненных работ. Пользоваться новым сайтом проще, нужную информацию можно найти быстрее, а освободившееся время можно посвятить себе.

 

Дизайн сайта «Peregorodok.net» — Главная страницаГлавная страница «Peregorodok.net»

Дизайн сайта «Peregorodok.net» — ПродукцияПродукция

Дизайн сайта «Peregorodok.net» — ЦеныЦены

Дизайн сайта «Peregorodok.net» — ПортфолиоПортфолио

]]> http://sedunov.ru/2011/11/%d0%b4%d0%b8%d0%b7%d0%b0%d0%b9%d0%bd-%d1%81%d0%b0%d0%b9%d1%82-peregorodok-net/feed/ 0 Дизайн сайта для компании «Мебелла» http://sedunov.ru/2011/11/%d0%b4%d0%b8%d0%b7%d0%b0%d0%b9%d0%bd-%d1%81%d0%b0%d0%b9%d1%82-%d0%bc%d0%b5%d0%b1%d0%b5%d0%bb%d0%bb%d0%b0/ http://sedunov.ru/2011/11/%d0%b4%d0%b8%d0%b7%d0%b0%d0%b9%d0%bd-%d1%81%d0%b0%d0%b9%d1%82-%d0%bc%d0%b5%d0%b1%d0%b5%d0%bb%d0%bb%d0%b0/#comments Thu, 24 Nov 2011 15:54:14 +0000 Victor http://sedunov.ru/?p=159 Компания «Мебелла» занимается продажей стильной мебели в Сантк-Петербурге. Под стать замечательной продукции компании был разработан стильный и удобный дизайн сайта. Новый сайт будет работать на развитие бренда и его узнаваемость, так как выполнен в строгом соответсвтвии с фирменным стилем компании.

Дизайн сайт для компании «Мебелла» — Главная страницаДизайн главной страницы

Дизайн сайт для компании «Мебелла» — Каталог продукцииКаталог продукции

Дизайн сайт для компании «Мебелла» — Страница товараСтраница товара

Дизайн сайт для компании «Мебелла» — КорзинаКорзина

]]> http://sedunov.ru/2011/11/%d0%b4%d0%b8%d0%b7%d0%b0%d0%b9%d0%bd-%d1%81%d0%b0%d0%b9%d1%82-%d0%bc%d0%b5%d0%b1%d0%b5%d0%bb%d0%bb%d0%b0/feed/ 0 Дизайн интернет-магазина строительной техники http://sedunov.ru/2011/09/%d0%b4%d0%b8%d0%b7%d0%b0%d0%b9%d0%bd-%d0%b8%d0%bd%d1%82%d0%b5%d1%80%d0%bd%d0%b5%d1%82-%d0%bc%d0%b0%d0%b3%d0%b0%d0%b7%d0%b8%d0%bd%d0%b0-%d1%81%d1%82%d1%80%d0%be%d0%b8%d1%82%d0%b5%d0%bb%d1%8c%d0%bd/ http://sedunov.ru/2011/09/%d0%b4%d0%b8%d0%b7%d0%b0%d0%b9%d0%bd-%d0%b8%d0%bd%d1%82%d0%b5%d1%80%d0%bd%d0%b5%d1%82-%d0%bc%d0%b0%d0%b3%d0%b0%d0%b7%d0%b8%d0%bd%d0%b0-%d1%81%d1%82%d1%80%d0%be%d0%b8%d1%82%d0%b5%d0%bb%d1%8c%d0%bd/#comments Thu, 08 Sep 2011 11:27:20 +0000 Victor http://sedunov.ru/?p=153 При разработке дизайн-макета главной страницы интернет-магазина, как основные, ставились следующие задачи:

  • Сайт должен быть понятен пользователю с любой степенью владения компьютером
  • Необходим большой информационный блок для постоянно появлящихся спецпредложений
  • Простой каталог с возможность попасть в любоу категорию в один клик без дополнительных действий

В результате кропотливой работы появился данный макет:

Дизайн интернет-магазина по продаже строительной техники и оборудования Дизайн главной страницы

]]> http://sedunov.ru/2011/09/%d0%b4%d0%b8%d0%b7%d0%b0%d0%b9%d0%bd-%d0%b8%d0%bd%d1%82%d0%b5%d1%80%d0%bd%d0%b5%d1%82-%d0%bc%d0%b0%d0%b3%d0%b0%d0%b7%d0%b8%d0%bd%d0%b0-%d1%81%d1%82%d1%80%d0%be%d0%b8%d1%82%d0%b5%d0%bb%d1%8c%d0%bd/feed/ 0 Дизайн корпоративного сайта управляющей компании http://sedunov.ru/2011/09/%d0%b4%d0%b8%d0%b7%d0%b0%d0%b9%d0%bd-%d0%ba%d0%be%d1%80%d0%bf%d0%be%d1%80%d0%b0%d1%82%d0%b8%d0%b2%d0%bd%d0%be%d0%b3%d0%be-%d1%81%d0%b0%d0%b9%d1%82%d0%b0-%d1%83%d0%bf%d1%80%d0%b0%d0%b2%d0%bb%d1%8f/ http://sedunov.ru/2011/09/%d0%b4%d0%b8%d0%b7%d0%b0%d0%b9%d0%bd-%d0%ba%d0%be%d1%80%d0%bf%d0%be%d1%80%d0%b0%d1%82%d0%b8%d0%b2%d0%bd%d0%be%d0%b3%d0%be-%d1%81%d0%b0%d0%b9%d1%82%d0%b0-%d1%83%d0%bf%d1%80%d0%b0%d0%b2%d0%bb%d1%8f/#comments Thu, 08 Sep 2011 09:30:00 +0000 Victor http://sedunov.ru/?p=133 Строгий макет главной страницы корпоративного сайта подчеркивает серьезные позиции компании в своей отрасли и располагает посетиля к неменее серьезному и продуктивному диалогу. В компании ценят и любят своих клиентов, поэтому оказывают свои услуги на высочайшем качестве.

Дизайн корпоративного сайта Дизайн главной страницы

]]> http://sedunov.ru/2011/09/%d0%b4%d0%b8%d0%b7%d0%b0%d0%b9%d0%bd-%d0%ba%d0%be%d1%80%d0%bf%d0%be%d1%80%d0%b0%d1%82%d0%b8%d0%b2%d0%bd%d0%be%d0%b3%d0%be-%d1%81%d0%b0%d0%b9%d1%82%d0%b0-%d1%83%d0%bf%d1%80%d0%b0%d0%b2%d0%bb%d1%8f/feed/ 0 LongwooD — интернет-магазин автозапчастей 2 http://sedunov.ru/2010/12/longwood-%e2%80%94-%d0%b8%d0%bd%d1%82%d0%b5%d1%80%d0%bd%d0%b5%d1%82-%d0%bc%d0%b0%d0%b3%d0%b0%d0%b7%d0%b8%d0%bd-%d0%b0%d0%b2%d1%82%d0%be%d0%b7%d0%b0%d0%bf%d1%87%d0%b0%d1%81%d1%82%d0%b5%d0%b9-2/ http://sedunov.ru/2010/12/longwood-%e2%80%94-%d0%b8%d0%bd%d1%82%d0%b5%d1%80%d0%bd%d0%b5%d1%82-%d0%bc%d0%b0%d0%b3%d0%b0%d0%b7%d0%b8%d0%bd-%d0%b0%d0%b2%d1%82%d0%be%d0%b7%d0%b0%d0%bf%d1%87%d0%b0%d1%81%d1%82%d0%b5%d0%b9-2/#comments Sun, 19 Dec 2010 16:28:50 +0000 Victor http://sedunov.ru/?p=127 Так стала выглядеть главная страница, предложенная мной в рамках конкурса, после внесенных изменений.

Главная страница интернет-магазина по продаже автозапчастейГлавная страница

Почитать подробнее о предложенном варианте и посмотреть первый вариант можно тут.

]]> http://sedunov.ru/2010/12/longwood-%e2%80%94-%d0%b8%d0%bd%d1%82%d0%b5%d1%80%d0%bd%d0%b5%d1%82-%d0%bc%d0%b0%d0%b3%d0%b0%d0%b7%d0%b8%d0%bd-%d0%b0%d0%b2%d1%82%d0%be%d0%b7%d0%b0%d0%bf%d1%87%d0%b0%d1%81%d1%82%d0%b5%d0%b9-2/feed/ 0 LongwooD — интернет-магазин автозапчастей http://sedunov.ru/2010/12/longwood-%e2%80%94-%d0%b8%d0%bd%d1%82%d0%b5%d1%80%d0%bd%d0%b5%d1%82-%d0%bc%d0%b0%d0%b3%d0%b0%d0%b7%d0%b8%d0%bd-%d0%b0%d0%b2%d1%82%d0%be%d0%b7%d0%b0%d0%bf%d1%87%d0%b0%d1%81%d1%82%d0%b5%d0%b9/ http://sedunov.ru/2010/12/longwood-%e2%80%94-%d0%b8%d0%bd%d1%82%d0%b5%d1%80%d0%bd%d0%b5%d1%82-%d0%bc%d0%b0%d0%b3%d0%b0%d0%b7%d0%b8%d0%bd-%d0%b0%d0%b2%d1%82%d0%be%d0%b7%d0%b0%d0%bf%d1%87%d0%b0%d1%81%d1%82%d0%b5%d0%b9/#comments Thu, 09 Dec 2010 16:49:30 +0000 Victor http://sedunov.ru/?p=92 Обычно я не участвую в конкурсах, но уж очень сильно хотелось показать некоторые функциональные особенности, которые я бы рекомендовал использовать при разработке и проектировании макетов интернет-магазина.

Итак, сначала сама работа — дизайн главной страницы интернет магазина:

Дизайн главной страницы интернет-магазина LongwooD Главная страница

Отмечу, что в качестве целевой аудитории рассматривались мужчины возрастом от 25 до 40 лет со средним и ниже уровнем владения интернетом. Отталкиваясь от целевой аудитории будущего сайта и проектировались элементы сайта. Предлагаю рассмотреть их повнимательнее.

Комментарии к элементам и блокам главной страницы Комментарии к элементам и блокам главной страницы

    1. 1. Основное меню
      В этом меню отображаются основные разделы сайта, которые нужны покупателю, а именно каталог товаров, акции, информация о доставке и оплате.

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

    3. 3. Блок поиска
      Поиск — важная составляющая любого интернет-магазина, поэтому ему уделено столько места.
      По-умолчанию поиск ведется по всем параметрам: название, номер детали, артикул, обеспечивая этим наибольший коэффициент положительного результата поиска.При желании пользователь может ограничить область поиска сняв галочку с чек-бокса (это просто и понятно, а значит является еще одним плюсом).
      Блок поиска начинает работать с того самого момента, как пользователь взглянул на него. Это достигается тем, что над строкой поиска размещены логотипы компаний, производящих грузовики и соответственно в этом магазине можно купить запчасти к ним. Логотип является сильным визуальным фактором узнаваемости, пользователю достаточно взглянуть на него, нет необходимости читать текст.
      Кроме этого логотипы компаний-производителей грузовиков являются своеобразными фильтрами. Так, кликая на один из логотипов, например Volvo, он остается активным, остальные отмечаются как неактивные и если изначально поиск велся по всем брендам, то теперь будет включен фильтр «Volvo».
      Поиск по выбранной компании производителю
      В блоке поиска предусмотрена возможность перехода к расширенному поиску, который будет включать в себя больше параметров.
    4. 4. Корзина
      Блок с корзиной располагается в привычном для пользователя месте, его не придется искать, что увеличит процент продаж.
    5. 5. Вход на сайт
      Стандартный по функционалу блок, позволяет зарегистрированным пользователям войти на сайт. После авторизации на месте этого блока будет отображаться личный кабинет.
    6. 6. Регистрация
      Кнопка регистрации вынесена отдельно для большего акцентирования внимания на ней. Мы не может пользователей заставить регистрироваться — это отрицательно сказывается на продажах, но тем не менее, хочется иметь базу постоянных покупателей.
      Для стимулирования пользователей к регистрации служит страница, на которую можно попасть по ссылке «Что дает регистрация?». На этой странице рассказывается о преимуществах  зарегистрированных пользователей и на этой же странице предлагается пройти несложную регистрацию.

    7. 7. Консультант
      Этот блок служит дополнительным источником контактной информации и создан, чтобы помочь пользователям совершать покупки, за счет своевременной поддержки консультантом по продажам.
      Дополнительно:
      Блоки 4-7 образуют динамический блок высотой 580 пикселей, который постоянно остается в поле видимости пользователя. Таким образом, пользователь всегда видит что он купил, имеет доступ к регистрации / авторизации (или личному кабинету) и блоку с помощью.
      Наглядный вид главной страницыНаглядный вид главной страницы.

      Наглядный вид главной страницыВид главной страницы, прокрученной вниз, как видно блоки 4-7 целиком отображаются на экране

 

  1. 8. Псевдо-ссылка «еще 3»
    При нажатии на ссылку «еще 3» представленные 3 товара сменяются другими. Рекомендуется в разделе размещать не более 9 товаров, чтобы пользователь мог вернуться к первоначальным 3-м товаром за три клика.
  2. 9. Информационный блок
    Например, такой блок может содержать информацию о процессе совершения покупки.
  3. 10. Баннер
    Тут все понятно, баннер (размером 180х340 пикселей)
  4. 11. Отображение цены
    Везде на сайте отображаются 2 цены, первая за незарегистрированных покупателей, вторая (оптовая) для зарегистрированных. Сделано это для того, чтобы еще одним способом простимулировать пользователя к регистрации. При клике на вторую цену (отображается серым) будет всплывать подсказка, рассказывающая о том, что это цена для зарегистрированных пользователей и предлагающая зарегистрироваться.Подсказка о ценах
    Для зарегистрированных пользователей цена будет отображаться также как в горячих предложениях, чтобы было видно сколько они экономят.
  5. 12. Подвал
    В подвале организован доступ ко всем разделам и страницам сайта, это сделано как для удобства пользователей так и для поисковых роботов. По сути в подвале отображается карта сайта, только в данном случае она логически построена таким образом, чтобы помочь сориентироваться пользователю.
]]> http://sedunov.ru/2010/12/longwood-%e2%80%94-%d0%b8%d0%bd%d1%82%d0%b5%d1%80%d0%bd%d0%b5%d1%82-%d0%bc%d0%b0%d0%b3%d0%b0%d0%b7%d0%b8%d0%bd-%d0%b0%d0%b2%d1%82%d0%be%d0%b7%d0%b0%d0%bf%d1%87%d0%b0%d1%81%d1%82%d0%b5%d0%b9/feed/ 0 Дизайн интернет-магазина по продаже футболок, поло, сумок и различных аксессуаров http://sedunov.ru/2010/11/%d0%b4%d0%b8%d0%b7%d0%b0%d0%b9%d0%bd-%d0%b8%d0%bd%d1%82%d0%b5%d1%80%d0%bd%d0%b5%d1%82-%d0%bc%d0%b0%d0%b3%d0%b0%d0%b7%d0%b8%d0%bd%d0%b0-%d0%bf%d0%be-%d0%bf%d1%80%d0%be%d0%b4%d0%b0%d0%b6%d0%b5-%d1%84/ http://sedunov.ru/2010/11/%d0%b4%d0%b8%d0%b7%d0%b0%d0%b9%d0%bd-%d0%b8%d0%bd%d1%82%d0%b5%d1%80%d0%bd%d0%b5%d1%82-%d0%bc%d0%b0%d0%b3%d0%b0%d0%b7%d0%b8%d0%bd%d0%b0-%d0%bf%d0%be-%d0%bf%d1%80%d0%be%d0%b4%d0%b0%d0%b6%d0%b5-%d1%84/#comments Thu, 18 Nov 2010 19:27:34 +0000 Victor http://sedunov.ru/?p=57 Разработка дизайн макетов для интернет-магазина по продаже футболок. Требовалось нарисовать легкий макет, чтобы основное внимание посетелей было уделено товарам, которые будут представлены в магазине.

Главная страница

Главная страница

Страница каталога

Страница каталога

Окно авторизации пользователя

Окно авторизации пользователя

Страница корзины

Страница корзины

Страница с информацией о доставке

Страница с информацией о доставке

]]> http://sedunov.ru/2010/11/%d0%b4%d0%b8%d0%b7%d0%b0%d0%b9%d0%bd-%d0%b8%d0%bd%d1%82%d0%b5%d1%80%d0%bd%d0%b5%d1%82-%d0%bc%d0%b0%d0%b3%d0%b0%d0%b7%d0%b8%d0%bd%d0%b0-%d0%bf%d0%be-%d0%bf%d1%80%d0%be%d0%b4%d0%b0%d0%b6%d0%b5-%d1%84/feed/ 0 Дизайн портала «RetroBoom» http://sedunov.ru/2010/11/%d0%b4%d0%b8%d0%b7%d0%b0%d0%b9%d0%bd-%d0%bf%d0%be%d1%80%d1%82%d0%b0%d0%bb%d0%b0-%c2%abretroboom%c2%bb/ http://sedunov.ru/2010/11/%d0%b4%d0%b8%d0%b7%d0%b0%d0%b9%d0%bd-%d0%bf%d0%be%d1%80%d1%82%d0%b0%d0%bb%d0%b0-%c2%abretroboom%c2%bb/#comments Sun, 14 Nov 2010 20:50:39 +0000 Victor http://sedunov.ru/?p=46 Портал обо все самом интересном, о новинках в моде, тенденциях и трендах молодежи мегаполисов.

Дизайн портала — главная страница

Главная страница

]]> http://sedunov.ru/2010/11/%d0%b4%d0%b8%d0%b7%d0%b0%d0%b9%d0%bd-%d0%bf%d0%be%d1%80%d1%82%d0%b0%d0%bb%d0%b0-%c2%abretroboom%c2%bb/feed/ 0 Дизайн интернет-магазина Оттуда http://sedunov.ru/2010/11/%d0%b4%d0%b8%d0%b7%d0%b0%d0%b9%d0%bd-%d0%b8%d0%bd%d1%82%d0%b5%d1%80%d0%bd%d0%b5%d1%82-%d0%bc%d0%b0%d0%b3%d0%b0%d0%b7%d0%b8%d0%bd%d0%b0-%d0%be%d1%82%d1%82%d1%83%d0%b4%d0%b0/ http://sedunov.ru/2010/11/%d0%b4%d0%b8%d0%b7%d0%b0%d0%b9%d0%bd-%d0%b8%d0%bd%d1%82%d0%b5%d1%80%d0%bd%d0%b5%d1%82-%d0%bc%d0%b0%d0%b3%d0%b0%d0%b7%d0%b8%d0%bd%d0%b0-%d0%be%d1%82%d1%82%d1%83%d0%b4%d0%b0/#comments Sat, 13 Nov 2010 11:16:47 +0000 Victor http://sedunov.ru/?p=15 Разработан дизайн интернет-магазина Оттуда. Магазин продает электронную технику, гаджеты и прочие интересные штуки из Китая.

Дизайн главной страницы интернет-магазина Оттуда

Дизайн главной страницы

]]> http://sedunov.ru/2010/11/%d0%b4%d0%b8%d0%b7%d0%b0%d0%b9%d0%bd-%d0%b8%d0%bd%d1%82%d0%b5%d1%80%d0%bd%d0%b5%d1%82-%d0%bc%d0%b0%d0%b3%d0%b0%d0%b7%d0%b8%d0%bd%d0%b0-%d0%be%d1%82%d1%82%d1%83%d0%b4%d0%b0/feed/ 0