г. Ставрополь hello@kodline.ru

Дизайн сайта с нуля

Рисуем сайт под задачу бизнеса: сначала структура и путь пользователя, потом визуал под бренд. Отдаём макеты в Figma с UI-китом, всеми состояниями и отрисованным адаптивом — верстать сможет и наша команда, и ваш разработчик.

Смотреть портфолио
Изометрическая иллюстрация: макет сайта с направляющими сетки и стилусом, рисующим интерфейс
  • Дизайн сайта
  • Прототип и структура
  • Макеты в Figma
  • Адаптив и UI-кит
  • Уникальный визуал
  • Готово к вёрстке

Для кого

Когда нужно

Типичные сценарии, в которых услуга подходит лучше всего.

Запускаете новый сайт

Проект с нуля: нужен дизайн до того, как разработчики начнут писать код.

Есть свой разработчик

Команда верстает сама, но дизайнера нет. Нужны макеты, по которым можно работать без вопросов.

Сайт как у всех

Собран на шаблоне и не отличается от конкурентов. Нужен визуал, за который зацепится взгляд.

Новый продукт или бренд

Продукт запускается, стиль ещё не определён. Дизайн задаёт визуальный язык всему проекту.

Что входит

Состав работ

Минимальный набор для проекта.

  • Бриф и анализ конкурентов
  • Прототип структуры и логики экранов
  • Концепция ключевого экрана на согласование
  • Отрисовка всех страниц в Figma
  • Мобильная и планшетная версии
  • Состояния кнопок, полей и форм
  • UI-кит с компонентами и стилями
  • Иконки и подбор графики
  • Проверка контраста и читаемости
  • Исходники Figma и передача прав

Состав

Что входит в макет

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

01

Прототип

Чёрно-белая структура экранов и путь пользователя до заявки.

02

Главная страница

Первый экран, ключевые блоки, точки конверсии и финальный призыв.

03

Внутренние страницы

Услуги, каталог, о компании, контакты — по согласованному списку.

04

Адаптив

Мобильная и планшетная версии каждого экрана, а не догадки для вёрстки.

05

Компоненты

Кнопки, поля, карточки, меню, модалки — в Auto Layout и с вариантами.

06

Состояния

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

07

Типографика и цвета

Шрифтовая шкала, палитра и токены. Единый вид всех страниц.

08

Графика

Иконки, иллюстрации, обработка фото. Всё в нужных форматах.

Подход

Как мы думаем о дизайне

Сначала задача

Спрашиваем, что дизайн должен сделать: продать, объяснить, успокоить. Красота — следствие.

Отстройка от рынка

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

Проверка вёрсткой

Мы сами верстаем. Не рисуем того, что развалится на живом контенте и длинных текстах.

Передача

Что вы получаете на выходе

  • Файл Figma с доступом на редактирование
  • Все экраны в десктопной, планшетной и мобильной версиях
  • UI-кит: компоненты, стили, сетка и токены
  • Иконки и графику в SVG и PNG
  • Список используемых шрифтов и лицензий
  • Исключительные права на дизайн после оплаты

Процесс

Как идёт работа

Этапы с приёмкой на каждом.

  1. 01

    Бриф

    Обсуждаем задачу, продукт и референсы. 2–3 дня.

  2. 02

    Прототип

    Структура экранов и путь пользователя. 4–6 дней.

  3. 03

    Концепция

    Ключевой экран в стилистике бренда. 5–7 дней.

  4. 04

    Отрисовка

    Остальные страницы, адаптив, UI-кит. 7–14 дней.

  5. 05

    Передача

    Правки, финал, исходники и права. 2–3 дня.

Тарифы

Стоимость и сроки

Лендинг

от 60 000 ₽

от 3 недель

Дизайн одностраничного сайта под продукт, услугу или акцию.

  • До 10 блоков
  • Мобильная версия
  • Базовый UI-кит
  • Иконки и графика
  • 2 итерации правок
Заказать

Многостраничный

Популярный

от 120 000 ₽

от 5 недель

Корпоративный сайт или сайт услуг с внутренними страницами.

  • До 8 уникальных страниц
  • Адаптив всех экранов
  • Полный UI-кит
  • Состояния и модалки
  • Шаблоны типовых страниц
  • 2 итерации правок
Заказать

Магазин

от 200 000 ₽

от 8 недель

Интернет-магазин: каталог, фильтры, карточка товара, корзина и оформление.

  • Каталог и фильтры
  • Карточка товара
  • Корзина и оформление заказа
  • Личный кабинет
  • Дизайн-система
  • Сценарии и состояния
Обсудить

Цены указаны ориентировочно — финальная стоимость зависит от задач и объёма работ. Расскажите о проекте, и мы рассчитаем точную смету и сроки.

Заявка

Нужен дизайн сайта? Звоните или оставьте заявку — свяжемся с вами

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

Позвонить
Оставьте заявку

Вопросы

FAQ

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

Мы разрабатываем дизайн сайтов в Ставрополе: лендинги, корпоративные сайты, сайты услуг и интернет-магазины. Работа всегда начинается не с картинки, а с вопроса, что дизайн должен сделать — продать услугу, объяснить сложный продукт, вызвать доверие к клинике. Затем мы смотрим конкурентов: не за референсами, а чтобы понять, как выглядит рынок и за счёт чего от него отстроиться. Сайт, похожий на десять соседних, не запоминается независимо от качества отрисовки.

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

Стоимость зависит от объёма: дизайн лендинга — от 60 000 ₽, многостраничного сайта — от 120 000 ₽, интернет-магазина с каталогом и корзиной — от 200 000 ₽. В цену входят две итерации правок на каждом этапе, исходники Figma, вся графика и передача исключительных прав. Заказать можно только дизайн — верстать сможет ваш разработчик — либо сразу дизайн и разработку в одной студии. Позвоните или оставьте заявку, чтобы обсудить проект и получить смету.