подготовка и аналитика

-

Предпроектный анализ

#2

Определение ЦА, УТП, подбор референсов

Подготовка историй

#3

Общение с клиентом и согласование деталей которые он хочет видеть в итоговом результате

Детальное описание историй

#4

Более глубокая проработка историй, их описание и согласование

Разработка и согласование пользовательских сценариев

#5

Как клиент видит интернет магазин с точки зрения пользователя. Детально пробегаемся по каждой истории и описываем ее с точки зрения поведения пользователя

Согласование требований к принятиям историй

#6

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

Бриф на разработку проекта

#1

Включает себя вопросы необходимые для получения всей имеющейся вводной информации.

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

-

Прототип

#2

Набросок сайта без дизайна. Здесь определяется расположение контента на страницах. Можно провести тесты и внести правки.

Структура сайта

#1

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

подготовка контента

-

UX копирайтинг

#2

Подготовка микротекстов которые будут использоваться в интерефейсе. Например текст на кнопках или сиситемные сообщения

Копирайтинг, фотографии, информация о товарах

#1

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

дизайн

-

Выбор основной концепции и согласование

#2

Соединяем аналитику и визуал. Выбираем подходящий концепт

Макет

#3

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

Тестирование, согласование, внесение правок

#4

Проверка макета на соответствия всем требованиям, внесение финальнх правок, согласование

UI дизайн

#5

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

UI гайд

#6

Даются поробные комментарии как что должно работать для проследующих этапов вёрстки.

UI кит

#7

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

Создание концепции дизайна

#1

На основе референсов, создаётся несколько вариантов (2-3) чернового дизайна, которые будут отражать оновные принципы

вёрстка

-

Верстка главной страницы

#2

Проработка компонентов главной страницы (перенос с дизайна)

Верстка оставшихся страниц

#3

Перенос остальных страниц проработанных в дизайне

Адаптация под мобильные устройства

#4

Адаптивная верстка

Адаптация под ноутбуки

#5

Адаптивная верстка

Дополнительные адаптации

#6

Дополнительные экраны для адаптации

UI kit

#1

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

разработка

-

Настройка Wordpress

#2

По факту это установка базы данных, платформы с которой будем работать

Предварительная настройка системы разработчиками

#3

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

Натягивание верстки

#4

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

Интеграция чата

#5

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

Настройка разных форм

#6

Настройка отправки и сбор информации из разных форм (например формы контакта с бизнесом)

Интеграция сервисов аналитики (GA, яндекс метрика и тд)

#7

Используется маркетологами для проведения аналитики поведения пользователей и поиска точек роста продукта

Настройка сервера

#1

Установка всех необходимых утилит для корректной работы сервера

Предупреждение куков и политика хранения данных

#8

В Европе и России (в меньшей степени) следят за наличием предупреждения об обработке персональных данных и о наличии куков

SEO настройки

#9

Базовые сео настройки, которые позволят индексироваться в поисковых системах без особых проблем

[ ! ]

получите скидку

Оставьте заявку

на любые услуги

в апреле и

2023 ©Interplar Creative studio

messenger:

other:

vkontakte:

vkontakte:

email:

creative.studio@interplar.com

vk interplar design

vk interplar creative studio

behance