Этап №1 Разработка и оформление варфрейма
Разработка обновленной структуры сайта.
Проработка иерархии разделов и смысловых блоков.
Проработка навигации внутри сайта.
Определение количества и объема графических элементов и текстовых блоков.
Постраничная базовая визуализация сайта в виде варфрейма.
Структура строится исходя из тех услуг, которые оказывает компания. Каждая услуга будет иметь свое название, свою страницу на сайте и необходимый функционал, присущий именно этой услуге. Структура представляется заказчику в виде схемы в редакторе Miro.
Мы сами прорабатываем структуру и наполнение сайта, анализируя конкурентов и деятельность компании, придумывая фишки и различный функционал. Заказчику остается лишь согласовать это, что-то дополнить или убрать.
Включает в себя проработку разделов и категорий, а также отношение страниц друг к другу (откуда и куда можно осуществить переход и каким образом он должен осуществляться).
Включает в себя кликабельные ссылки, меню и подменю, кнопки и т.д. Основные элементы навигации: главное меню, боковое меню, иконки, карта сайта, поиск, текстовые ссылки, призывы к действию, сортировка и классификация, кнопки возврата, визуальные эффекты, способствующие корректной и удобной навигации.
Включает в себя определение визуальной составляющей и объёма контента в текстовых блоках.
При желании заказчика наша команда копирайтеров сама прописывает все тексты и отправляет на согласование. В случае самостоятельного написания всех текстов, мы даем подробное техническое задание с указанием количества символов, положения текста и т.д
**Варфрейм — ерновой дизайн будущего сайта или приложения. Он выглядит как простой серый макет, в котором показано, какие элементы интерфейса где должны быть. В варфрейме нет интерактивности, но показана основная группа контента, структура блоков, навигация и базовая визуализация взаимодействия пользователя с интерфейсом.
Основные шаги первого этапа:
Пример оформления варфрейма