Денис Брюхов

управление интернет-проектами, проектирование веб-интерфейсов

Рубрика «Сайты»

Дизайн шаблонов для BSI Group

Для новой версии сайта туроператора BSI Group, в компании Телемарк создали дизайн-концепцию и более 10 шаблонов внутренних страниц. Я разрабатывал дизайн и вел проект.

С точки зрения управления проектом, интересной была задача избежать наслаивания изменений в проекте. Скажем, разработали главную и одну внутреннюю, а при согласовании следующей внутренней, клиент  просит изменить что-то в предыдущей, уже утвержденной странице. В макетах, где по нескольку десятков слоев, каждое изменение, да помноженное на количество макетов, которые оно затрагивает – немаленькое дело. Поначалу это сильно беспокоило. В итоге, проблему решили довольно просто – все изменения вносились только в те страницы, кторые разрабатывались в данный момент, а уже утвержденные не затрагивались. В конце, когда был согласован последний макет, внесли все изменения в остальные. И их оказалось не так уж много, как думалось вначале :)

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

BSI Group - Главная

[Дальше-больше]

Сайт Эф-Ай-Ти — рестайлинг главной страницы

Золотистая гамма — довольно сложная штука. Также как и работа с розовым, к примеру.

Вот что получилось на главной сайта компании Эф-Ай-Ти.

Эф-Ай-Ти - главная страница

К сожалению, рестайлинг коснулся пока только главной страницы.

Из приятных фишек можно отметить, слайдеры (большая витрина и блок «идеи путешествий») и карту. Карта компактно отображает страны по которым работает компании и фильтрует остальные (по клику на макрорегион).

Ойкумена — социальный путеводитель

Задача — создать сервис, с помощью которого, можно:

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

На данный момент это реализовано в альфа-версии социального путеводителя «Ойкумена».

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

Персональный профиль путешественника

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

Еще одна интересная задача, которую предстояло решить — это компактное размещение списка стран, городов и мест. В итоге получился сворачивающийся список, в котором страны отображаются в горизонтальном списке. Такой способ отображения позволяет удобно управлять отображением мест на карте, не прибегая к прокрутке. Его недостаток — «ненаглядность» в свернутом состоянии, но это легко исправить по умолчанию открывая родную страну пользователя.

Профиль путешественника

Добавить новый город в список можно легко, прямо на этой странице. А для добавления мест и фотографий предусмотрены отдельные интерфейсы. [Дальше-больше]

Сайт Департамента Туризма Филиппин

Мабухай!

Это филиппинское приветствие. По аналогичному доменному имени mabuhay.ru, скоро будет открыт сайт Департамента Туризма Филиппин.

Сайт создается в компании Телемарк, я занимался разработкой информационной структуры, дизайна и ведением проекта. Так будет выглядеть главная страница сайта.

Филиппины, главная страница

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

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

Работы на посмотреть

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

Итак, по хронологии, в порядке убывания.

Сайт компании Телемарк

Компания занимается разработкой интернет-проектов и директор там замечательный человек, Сергей Тимохин. Для этого сайта была разработана оригинальная концепция содержания и тексты писала Наталья Кристеа, талантливый копирайтер. В общем, процесс работы мне понравился и результатом я тоже доволен.

Телемарк

Сайт турагентства Марина Клаб

Помнится, в начале века были очень популярны фактурные дизайны. Особенно в Великом Новгороде, там редкий сайт обходился без бересты :) Да и неподражаемый Тема Лебедев делал барочные сайты, взять хотя бы сайт Старого Мельника

Вот камбэк из деревянной серии собственного производства — сайт агентства «Марина Клаб».

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

Марина Клаб

… и внутренняя (на примере описания страны)

Марина Клаб (внутренняя страница)

Сайт компании География здоровья

Проект включает в себя 3 сайта и сплэш-страничку. Классные флешки делал Влад Вовк.

География здоровья (сплэш)

Один из сайтов:

География здоровья

Сайт магазина эко-продуктов Bio Gourmet

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

Bio Gourmet

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