Перед каждым проектом нужна простая или подробная дизайн система, фиксирующая свод правил и общих решений. Она поможет сохранить единство стиля продукта и упростит последующую разработку.
1.1 Исследование
Итоговый визуальный план всех типовых страниц и интерфейсов сайта
Изучаем продукт и компанию
Изучаем брендбук
Составляем набор правил для будущего дизайна
Изучаем и анализируем конкурентов
Исследуем референсы
1.2 Формируем правила
Набор правил для создания и поддержания стилевого порядка на будущем сайте
Адаптируем правила брендбука под предстоящую веб разработку
Фиксируем подходящие решения в дизайн‑системе
Определяем стилевые решения
Фиксируем набор визуальных элементов
Формируем UI-кит
1.3 Проектируем
Формируем все визуальные атрибуты бренда
Подбираем и высчитываем модульную сетку
Проектируем карту сайта
Продумываем постраничную структуру
Создаем рабочий прототип
Согласуем, презентуем, тестируем
1
Веб дизайн
Готовим дизайн-макеты
Перед каждым проектом нужна простая или подробная дизайн система, фиксирующая свод правил и общих решений. Она поможет сохранить единство стиля продукта и упростит последующую разработку.
Дизайн-макеты
Итоговый визуальный план всех типовых страниц и интерфейсов сайта
Подготовка материалов: тексты, изображения, файлы
Макет главной страницы с применением стилеобразующих приемов
Презентация и согласование макета
Дизайн последующих страниц
Постраничная проверка и редактура макетов
Адаптация
Адаптивы страниц под различные разрешения и устройства
Определяем количество и типы адаптивов
Фиксируем брейкпоиты (точки перехода режимов отображения)
Рассчитываем сетки под каждый адаптив
Дизайн мобильной версии
Презентация и согласование макета
Дизайн для промежуточных экранов
Подготовка к верстке
Готовим файл проекта к верстке и программированию
Соблюдаем технические требования разработчиков при разработке макетов
Презентуем и объясняем логику дизайн‑решений для разработчиков
Передаем проектные файлы
2
Разработка
Верстка и программирование
Верстка и программирование будущего сайта. Работаем в связке с командой разработчиков Логема.
Мы выстраиваем свои процессы так, чтобы работа была максимально комфортной, удобной и приносила результат
Уделяем много внимания развитию наших специалистов и внутренних правил работы. Поэтому умеем быстро находить хорошие решения.
С каждым годом мы становимся больше, лучше и эффективнее
Сергей Горелов
Генеральный директор компании Логема
3
О нашем подходе
Утилитарность и функционализм
Лев Аркадов
Глава Addvi Design
Каждый веб-проект мы видим не как холст для выражения идей, но как инструмент для решения бизнес-задач. Находим и передаем эстетику точно работающих механизмов.