websecuregroup

Веб-дизайн

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

Обсудить проект

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

У вас есть команда разработки, но нет структуры и макетов. Существующий сайт трудно читать или использовать с телефона. Либо предложение компании изменилось, а интерфейс продолжает рассказывать о прежнем бизнесе.

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

Сначала — содержание и сценарии

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

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

Единая визуальная система

Определяем типографику, палитру, сетку и общие компоненты. Затем применяем их к экранам: заголовкам, навигации, карточкам, полям и кнопкам. Так разные страницы воспринимаются как части одного сайта.

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

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

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

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

Что получает команда разработки

Результат — согласованные макеты и правила оформления, необходимые для реализации предусмотренных страниц и состояний. Формат передачи и состав материалов фиксируем заранее. Программирование, подготовку большого объёма текстов и создание изображений учитываем отдельно.

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

Материалы для начала

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

Обсудим задачу
и следующий шаг.

Опишите цель, исходные материалы
и то, что хотите изменить.

Обсудить проект