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

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

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

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

Чтобы работа не казалось простой, покажем, что дело не ограничивается главной страницей — проектируются все уникальные разделы и элементы:

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

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

Сегодня сайту часто требуется мобильная версия, и тот кто полагает, что на маленьком экране все просто, заблуждается. Понятно разместить на нем большой объем информации — непростая задача, поэтому для мобильной версии по-взрослому проводится вся та же работа, что и для основной:

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

Создавать интерфейс можно в чем угодно, даже просто рисовать на бумаге, но мы, как правило, используем Axure RP Pro. А для совместной работы над документами типа техзаданий или баг-листов идеален Google Docs.

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

 

Мы не первый день работаем с брендом «Летай» и постепенно из того, что было, вместе с клиентом стараемся сделать дружелюбного и, в первую очередь, понятного оператора телеком услуг.

Само собой, в этой ситуации первое дело — доступно рассказать, что же мы продаем, поэтому на сайте «Летай», как только появилась возможность, мы взялись за раздел «Тарифы» и постарались разложить по полочкам все, что там было.

Это такая не сразу видимая, но важная работа, которой часто не уделяют внимания, но только не у нас. Даже огромное количество букв и цифр можно сделать понятными. Еще есть что затачивать, но прогресс есть, не так ли? )

Смотрим: tarify.letai.ru

 

 

Фотографии с нашей пятничной игры в детективный живой квест. Спасибо questoria.ru

Continue reading »

 

… по версии журнала «Деловой квартал».

 

В Origami создан небольшой сайт для компании «Агро Ремонт».

Сайт компании «Агро Ремонт» от рекламного агентства Оригами

Continue reading »

Tagged with:
 

В рекламном агентстве Origami создан сайт Универсиады 2013.

Сайт Универсиады 2013 от рекламного агентства Оригами

Continue reading »

Tagged with:
 

Научно-производственное объединение «Вычислительные системы» продает комплексные решения в области информационных технологий и консалтинга. Компания проектирует, внедряет и осуществляет гарантийное и сервисное обслуживание информационных систем любого масштаба. Бренд создан компанией ICL для обслуживания определенной группы клиентов.

В рекламном агентстве Origami был создан фирменный стиль НПО «Вычислительные системы» и разработано руководство по нему.

Фирменный стиль компании «Вычислительные системы» от рекламного  агентства Origami

Continue reading »

Tagged with:
 

Создание сайтов: в рекламном агентстве «Оригами» разработан сайт сервисного подразделения компании «Трак Центр».

Сайт сервиса Трак Центра от рекламного агентства Оригами

Continue reading »

Tagged with:
 

На основе разработанного нами фирменного стиля создан буклет, ясно и красиво рассказывающий о достоинствах и возможностях технополиса «Химград».

Continue reading »

Tagged with: