Анонсы и события

Редизайн и запуск нового сайта студии в 2014

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

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

Почему нужен редизайн сайта?

Однажды, мы поняли, что звонков с сайта почти что нет, хотя мы получали до 30% заказов именно с сайта. А те потенциальные заказчики, которые звонили не проходили уровнем заказа или им не подходила цена за проект. Также несколько замечаний от постоянных заказчиков о необходимости обновления онлайн портфолио посылали нам знаковые сигналы.

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

Выводы

Отсутствие качественного актуального сайта-портфолио в дизайн студии приводит к:

  • Значительно меньшее количество звонков от потенциальных заказчиков;
  • Заказчик не имеет возможности ознакомиться с вашими услугами в непосредственной собеседования. Меньший шанс на заказ;
  • Вы тратите драгоценное время на повторение тех же вещей от презентации к презентации. Хотя можете больше времени уделить именно проблемам заказчика, а не презентации себя;
  • Вас могут не всерьез за отсутствия "крутых" работ в портфолио;
  • Лицо студии - это ее портфолио. Проведите параллели с женщинами ;).

Сразу стало понятно, что мы теряем много потенциальных заказчиков и интересных проектов. Совершенно не хорошо всех точек взгляда.

Дальнейшие действия

Портфолио нужно обновлять - это факт. Под вопрос стал сможет старый сайт в полной мере удовлетворить требования, поставленные на него демонстрация "что мы можем" и "что мы смогли".

В этой ситуации мы решили пойти по проторенному для нас путем. Мы представили себя "заказчиками" (порой очень полезно;)), а дальше пошли следующими шагами:

 

Шаг 1: Желаемые результаты?

Понять чего мы хотим это очень важно. Ведь неправильно поставленная задача не может быть реализована хорошо, а то и вообще.

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

Шаг 2: Анализ фундамента

Проанализировав наш существующий сайт мы пришли к выводу, что у него есть две сильные стороны: наличие старых добрых работ, работающая форма контактов. А также множество больных: отсутствие новых работ студии, фиксированная верстка (not responsive design), устаревший логотип и графический стиль сайта, структура портфолио не соответствует нынешнему профилю работы студии - изменились приоритеты.

Шаг 3: Сравнение с конкурентами

Для сравнения с конкурентами мы использовали классическую схему 3 +2. Три конкурента в твоем ценовом диапазоне, один из высшего и один из более низкого. Более подробно об этой схеме сравнения и ее особенности обещаем рассказать в следующих публикациях на сайте.

Шаг 4: Сроки и сметы

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

Перечень необходимого минимального функционала был определен, а также планы на версию 2.0. Так и начали разработку.

Шаг 5: Реализация

Реализацию мы начали из структуры сайта (сделанной в Google docs) и ее наполнения текстами описанием необходимых опций.

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

Далее стадия эскизов карандашом на бумаге и рисования дизайна непосредственно в графическом редакторе. Начали с главной, следующим шагом "единица портфолио" - на мой взгляд, самая важная страница после главной. А дальше уже остальные статических страниц.

Следующим шагом шла верстка дизайнерских макетов. Мы используем HTML5 и CSS3 в своих работах, поэтому на сайте присутствуют "параллаксы" и "транзишены". :)

Результат та выводы

Результатом совместной работы всей команды студии и ее постоянных заказчиков (благодарим за QA и фокус группы ребята;) Было очень интересно наблюдать как вы пользовались сайтом, и на что обращали нам внимание). А это действительно была максимально совместная работа: веб дизайнеры студии - творили вид этого сайта, программисты верстался макеты и налаживали систему управления сайтом, графические дизайнеры готовили материалы для портфолио, а дальше вместе писали тексты в разделы и оформляли работы в портфолио.

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