Дизайн сайтов
под ключ

01. Разработка прототипов

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

Черновик полностью утвержденной структуры веб-ресурса воссоздается в электронном виде в программах разработки прототипов. Например Adobe XD, Axure, Moqups и т.д.

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

02. Разработка дизайн-системы

Сегодня многие путают UI-кит с дизайн-системой. Это, увы, не одно и то же. UI-кит является частью дизайн-системы наряду с гайдлайном, паттернами, рекомендациями и правилами, фреймворками и многим другим.

Специалисты студии Webstly осуществляют разработку дизайна сайтов путем создания дизайн-системы. Мы заранее подбираем и согласовываем шрифты, цвета, набор компонентов и правил, предписания и рекомендации.

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

03. Создание макета главной страницы

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

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

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

04. Доработка и корректировки

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

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

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

05. Макеты внутренних страниц

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

Каждый макет утверждается с заказчиком перед передачей в вёрстку. Утвержденный готовый макет уже не корректируется в процессе работы над проектом.

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

06. Адаптивные макеты

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

Будь то компьютер, смартфон, планшет, или телевизор Smart TV, пользователь получит одинаковый функционал сайта на любом девайсе.

На экранах разной ширины сайт отображается в своей версии. Макеты дизайна для разных устройств необходимо создавать отдельно.

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