Как мы работаем

Исследования и аналитика

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

• Направление деятельности. Различные отрасли имеют свои особенности, от которых зачастую зависит выбор способа привлечения клиентов и приёмов для повышения уровня продаж.
• Целевая аудитория и ее сегменты. Мы сможем понять желания потребителей и моделировать основные сценарии их взаимодействия с сайтом: где, когда и при каких условиях.
• География продаж. Многое зависит от того, ведёте вы свою деятельность в границах города, региона или по всему миру. К тому же жители разных частей планеты могут по-разному вести себя на сайте.
• Структура компании. Нам важно понимать ситуацию не только на рынке, но и внутри компании, поскольку сайт — один из рабочих инструментов бизнеса.
• Ценовой сегмент. Дешёвые товары и услуги продвигаются иначе, чем премиальные, поэтому ценовой уровень обязательно учитывается при поиске решения.
• Проблемы в продажах. Если мы выявим «узкие места» бизнеса, где вы испытываете трудности с продажами или вовсе теряете клиентов, мы сможем предложить решение этой проблемы.
• Конкурентная среда. Важно адекватно оценить себя и не забыть учесть даже косвенных конкурентов. Потребитель будет сравнивать вас с ними, поэтому и проект нужно разрабатывать с учётом присутствия на рынке других игроков.
• Планы на развитие. Чтобы разработанное решение не устарело в ближайшие годы, важно заложить в него возможности развития в определённом направлении.

Анализ текущего сайта

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

Поиск решения

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

Помогаем определиться с платформой, которая подойдет для вашего сайта

• 1С-Битрикс. Одна из самых распространённых и надёжных CMS. В арсенале широкий набор модулей для расширения функциональнсти, инструменты длы обеспечения безопасности, техподдержка, которая приходит на помощь в течение дня.
• Фреймворки Symfony и Laravel. Наиболее гибкое решение для сайтов, если требуется нестандартная функциональность. Даёт широкие возможности для дальнейшей эволюции проекта.
• Конструкторы Tilda и Webflow. Наименее гибкие платформы, что компенсируется наименьшмими финансовыми вложениями и короткими сроками реализации проекта.

Проектирование

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

Что предстоит проработать на данном этапе:

• Формируем диаграмму связей — mindmap. Она отражает структуру проекта с учётом SEO.
• Описываем портрет сегментов ЦА. Портрет включает страхи и проблемы целевой аудитории. На основе проделанной работы предлагаем варианты решения.
• Строим Customer Journey Map. Карта путешествия потребителя по сайту (Customer Journey Map) — показываем то, как он будет взаимодействовать с продуктом.
• Подготавливаем moodboard. Moodboard — визуальный бриф, чтобы выявить ваши эмоциональные ожидания от продукта.
• Визуализируем данные. Так мы сможем определить, каким образом сайт решит ваши бизнес-задачи.
• Создаём прототип. В нем будут отработаны основные сценарии поведения вашей аудитории. Прототип интерактивный, «кликабельный», поэтому в нём уже наглядно представлено, как будут реализовываться основные сценарии поведения пользователей.
• Готовим описание всех сущностей проекта. Так мы сокращаем время на дальнейшую разработку продукта.

Брендинг

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

Обладая этой информацией, мы разрабатываем фирменный стиль, который:

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

Но и это еще не все

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

При необходимости представляем, как разработанная айдентика живёт на офлайн-носителях.

Готовим гайдлайн, по использованию фирменного стиля

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

Дизайн

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

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

Каждый проект — уникальный дизайн

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

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

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

Мы активно публикуем дизайн наших проектов на Behance, Dribbble и в нашем блоге.

Контент сайта

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

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

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

Разработка

Передаём команде разработки всю графику и контент. Прилагаем к ней ёмкую и понятную спецификацию. Этим мы экономим время программистов и исключаем ошибки.

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

На этом этапе идёт построение схемы базы данных, разработка страниц и каталогов, проводится интеграция с CRM-системами и подключение внешних сервисов.

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

Ввод в эксплуатацию

1. Устанавливаем необходимое программное обеспечение на боевой сервер, настраиваем его таким образом, чтобы мощности оборудования использовались наиболее рационально и вся система работала стабильно.
2. Разворачиваем сайт либо вручную, либо автоматически при помощи сервера CI. Ещё раз проверяем, чтобы всё работало так, как должно.
3. Настраиваем автоматическое создание резервных копий, чтобы быстро и с минимальными потерями восстановить базу данных, настройки и содержимое сайта, если произойдёт сбой или хакерская атака.
4. Выстраиваем систему защиты от вредоносной активности: настраиваем файерволл, ведём контроль доступов, блокируем ботнеты и прочие источники вредоносного трафика, защищаем сайт от DDoS-атак.
5. Можем взять на себя все мелкие заботы по введению сайта в эксплуатацию: регистрируем домен, подбираем хостинг, заказываем SSL-сертификат.
6. Передаём вам полный контроль над сайтом.

Поддержка и развитие

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

1. Мониторим работу серверной операционной системы и программного обеспечения. Настраиваем логи, чтобы знать, что происходило с сайтом в каждый момент его работы. Настраиваем автоматическую отправку предупреждающих сообщений, чтобы оперативно узнавать обо всех важных событиях и устранять возникающие проблемы.
2. Следим за актуальностью версий программного обеспечения.
3. Готовы взять на себя работы, связанные с развитием сайта: добавление функций, создание новых разделов и страниц и внесение прочих изменений.

Иллюстрации

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

• Для сайтов и блогов: иллюстрации, графика, иконки
• Для мобильных приложений: графика, иконки
• Персонажи и маскоты: иллюстрации
• Для блогов: обложки, визуальное оформление
• Стикеры: для социальных сетей и печатных изданий
• Айдентика: фирменный стиль, иллюстрации