О процессе

Решаем задачи:

Привлечь
- Клиентов
- Партнеров
- Сотрудников
Продать
- Товары
- Услуги
- Продукт
Сформировать знание
- О продукте
- О компании
- О событии

Дизайн-исследование

Вам покажется, что задаём много вопросов, и это так. Через исследование мы освоим тему, найдём неизвестные и построим плотную основу проекта.

Что?

- Устройство бизнеса
- Деятельность конкурентов
- Потребности потребителей
- Содержание и функциональность сайтов: клиента и конкурентов

Как?

- Глубинное интервью с клиентом
- Интервью и опросы потребителей
- Контент-анализ
- Аудит сайтов
- Показатели Google Analytics и Яндекс.Метрики
- Обучение у клиента
- Штурмы с клиентом

Информационная архитектура

Архитектура проекта — его путеводитель. Он выдаёт структуру и содержание продукта. Выполняется знаниями стратега, копирайтера и проектировщика.

Что?

- Портреты пользователей
- Сценарии взаимодействия
- Ключевые действия на сайте
- Структура сайта
- Контентный план страниц
- Черновые тексты

Как?

- Карты, схемы, чертежи
- Контентные таблицы
- Высокоуровневые прототипы
- Модели данных
- XMind
- Axure

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

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

Что?

- Навигация: устройство меню и способ перемещения между разделами
- Компоновка элементов, зонирование
- Реакции интерфейса на действия пользователя
- Адаптивные прототипы

Как?

- Анимация элементов
- Внедрение графики
- Проектирование на черновых текстах
- Тестирование гипотез
- Axure
- Photoshop

Дизайн

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

Что?

- Графическая концепция
- Адаптация фирменного стиля под веб-среду
- Макеты всех страниц
- Иконки, иллюстрации, инфографика
- Ретушь фотографий
- Анимация и видео
- Стилевые файлы
- Правила оформления страниц

Как?

- Стилистика проекта
- Примеры решений
- Photoshop
- Illustrator
- Sketch
- After Effects

Вёрстка

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

Что?

- Анализ макетов
- Вёрстка каркаса страниц: сетка, расположение и вид основных элементов
- Вёрстка мелких элементов: кнопок, форм, таблиц, текста, графики
- Сборка всех страниц
- Внедрение эффектов, анимации

Как?

- HTML5
- CSS3
- Библиотеки скриптов
- Gulp
- Stylus
- Autoprefixer

Программирование

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

Что?

- Поиск оптимальной архитектуры
- Постоянное ревью кода
- Тестирование и багфиксинг

Как?

- PHP
- MySQL
- Squarespace
- Webflow
- Wordpress

Контент

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

Что?

- Черновые тексты в прототип
- Текстовое позиционирование на главной
- Наполнение внутренних страниц
- Иллюстрации и инфографика
- Фото продукта для магазинов
- Фото сотрудников и производства
- Фоновое видео для сайта
- Видео о компании, видеокейсы, интервью с руководством и т. п.

Как?

- Контент-планирование
- Стиль материалов
- Подбор и обработка фотографий
- Копирайтинг
- Фото и видео производство
- Поиск и контроль подрядчиков
+7 (812) 966-06-80
agency@conkix.ru