Ваши продажи взлетят Оставить заявку
Автор: Анатолий из Web-Crazy
Дата публикации: 21.09.2018 Дата последней редакции: 20.09.2022

Веб-дизайн

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

Как правило, это страницы: главная страница сайта, типовая страница, каталог, товар, услуга, блог, контакты и т.п.

Задача веб-дизайна: создать удобную навигацию и обеспечить визуальную привлекательность сайта.

Результат работы: PSD макеты страниц сайта, которые будет использовать верстальщик на этапе Frontend-разработки.

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

Web-дизайн

Стоимость создания веб-дизайна

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

Важно: расчёт стоимости примерный и зависит от количества блоков на странице, сложности ТЗ, технических требований к макету и т.п.

Стоимость указана исходя из ставки на час работ:

  • Классический дизайн: 1 400 рублей за 1 час работы
  • ART-дизайн: 1 900 рублей за 1 час работы
  • Ультра-дизайн: 2 300 рублей за 1 час работы

Примерные цены на самые популярные страницы сайта

Веб-дизайн для главной страницы сайта Классический дизайн: 11 200 рублей (8 часов)

ART-дизайн: 20 900 рублей (11 часов)

Ультра-дизайн: 32 200 рублей (14 часов)

Веб-дизайн типовой внутренней страницы Классический дизайн: 4 200 рублей (3 часа)

ART-дизайн: 7 600 рублей (4 часа)

Ультра-дизайн: 11 500 рублей (5 часов)

Веб-дизайн для раздела «Блог» (общая страница и страница статьи) Классический дизайн: 8 400 рублей (6 часов)

ART-дизайн: 15 200 рублей (8 часов)

Ультра-дизайн: 20 700 рублей (9 часов)

Веб-дизайн страницы «О компании» или аналогичной по смыслу страницы Классический дизайн: 5 600 рублей (4 часа)

ART-дизайн: 13 300 рублей (7 часов)

Ультра-дизайн: 23 000 рублей (10 часов)

Веб-дизайн страницы «Контакты» Классический дизайн: 4 200 рублей (3 часа)

ART-дизайн: 7 600 рублей (4 часа)

Ультра-дизайн: 11 500 рублей (5 часов)

Веб-дизайн для каталога товаров или услуг (общая страница каталога и страница товара или услуги) Классический дизайн: 14 000 рублей (10 часов)

ART-дизайн: 19 000 рублей (10 часов)

Ультра-дизайн: 25 300 рублей (11 часов)

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

    Ваш бизнес будет выделяться среди конкурентов!Интересно? Тогда давайте знакомиться

    Возьмём на себя дизайн от "А" до "Я". Просто ответьте на несколько вопросов
    (Заполните те поля, в которых уверенны. Пропустите то, в чём сомневаетесь)

    Мы готовы Вас проконсультировать!

    Подробнее о стилях веб-дизайна

    В нашей студии мы разделяем дизайн сайта на три стиля:

    1. Классический дизайн
    2. ART-дизайн
    3. Ультра-дизайн

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

    Классический дизайн

    Классический дизайн подходит для большинства проектов. При выборе данного стиля, всё будет выглядеть лаконично и со вкусом, без перегрузки в дизайн концепции. Данный стиль дизайна всегда актуален и универсально решает задачи, которые ставятся перед сайтом.

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

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

    Классический дизайн

    Ознакомьтесь с примерами Классического дизайна в нашем портфолио

    ART-дизайн

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

    Структура блоков сайта может быть абсолютно любой. Также усложняются визуальные эффекты и графика. Применяется игра красок и контрастов, которая позволяет достичь «Вау-эффекта».

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

    ART-дизайн

    Ознакомьтесь с примерами ART-дизайна в нашем портфолио

    Ультра-дизайн

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

    Это интересный и необычный вариант дизайн-концепции сайта. Идеально подходит для творческих направлений, инновационных технологий определенных тематик и хенд-мейд магазинов.

    Большое количество эффектов наведения и flash-эффектов. Возможно применение статичной анимации. концепцию»). Цветовая палитра ничем не ограниченна. Разрабатывается не просто красивый дизайн, разрабатывается философия позиционирования сайта.

    Ультра-дизайн

    Ознакомьтесь с примерами Ультра-дизайна в нашем портфолио

    Этапы работ в веб-дизайне

    По понятным причинам каких-то 100% обязательных канонов в этапности работ не существует. Дизайн процесс творческий и каждая студия выстраивает его так, как считает нужным. Мы будем говорить исключительно за себя, и расскажем, как мы пилим дизайн в Web-Crazy.

    Этапы создания веб дизайна

    Знакомство с Заказчиком и проектом

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

    Подготовка КП

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

    Заключение договора

    Если наше предложение вам подходит, то можно переходить к подписанию договора. В договоре мы чётко прописываем все работы и количество часов на их выполнение. Так же в договоре прописываются условия оплаты по проекту и процесс принятия готового веб-дизайна. Именно поэтому можете не пережевать за срыв сроков или увеличение цены наших работ. Все уже зафиксировано в договоре. Никаких «сюрпризов».

    Бриф

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

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

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

    Создаётся прототип дизайн-концепции. Прототип — это блок схема (черновик) дизайн макета. Его цель — показать структуру страницы и наглядно продемонстрировать, какая информация (контент) потребуется для дизайна.

    На данном этапе внесение правок не занимает много времени поэтому, если нужно изменить, добавить или убрать какие-то блоки, вы можете об этом сообщить. Важно сделать максимально выверенный прототип т.к. правки на этапе непосредственного дизайна будут занимать гораздо больше времени.

    Создание дизайна

    На данном этапе наш web-дизайнер разрабатывает уже непосредственно дизайн. Традиционно мы работаем в Photoshop и делаем дизайн к вёрстке в формате PSD.

    Прототипы, которые были согласованы на прошлом этапе, приобретают проработанный визуал. В итоге вы получаете продуманный UX/UI-дизайн, полностью готовый к вёрстке.

    Передача макетов в PSD

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

    Пример требований к дизайн-макету:

    Дизайн разрабатывается для устройств Extra Large devices Desktops (≥1200px). Дизайн-макет должен быть представлен в виде файлов в формате PSD, в которых необходимо проработать визуальное расположение, размер и цветовое оформление текстового и графического содержимого с точки зрения удобства поиска и использования информации на сайте.

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

    При разработке дизайн-макета необходимо использовать библиотеку компонентов интерфейса Bootstrap версии 4.3.1.

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

    Элементы дизайна (кнопки, иконки, стрелки, «буллеты» и т.д.) в случае их многократного повторения в макете должны быть унифицированы и соответствовать единому стилистическому оформлению сайта.

    Выпадающие-выезжающие-разворачивающиеся элементы дизайна должны быть отображены в двух видах: собранный и разложенный. Интерактивные элементы дизайна должны быть представлены в пассивном (курсор не наведен) и активном (курсор наведен).

    Оформление интерактивных элементов интерфейса, реагирующих на наведение курсора (кнопки, иконки и т.д.), должно быть указано в 2 режимах: обычный режим (без наведения курсора) и режим наведения курсора.

    Оформление ссылок должно быть указано в 3 статусах: обычная ссылка, ссылка при наведении курсора, посещенная ссылка.

    Пример порядка оказания и приемки услуг:

    Первоначальный результат работы передается Заказчику в электронном виде (макет jpg) и принимается Заказчиком по Акту приемки-передачи, который подписывается обеими сторонами. Утвержденный вариант дизайна передается заказчику в формате PSD, после подписания Заказчиком акта выполненных работ и полной оплаты проекта.

    Оставить комментарий

    Ваш адрес email не будет опубликован.

    Этот сайт защищен reCAPTCHA и применяются Политика конфиденциальности и Условия обслуживания Google.

    КП