Дизайн сайта компании в Самаре

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

  • Прототип до цвета — структуру видно раньше стиля
  • Этапы, сроки этапов и правки — в договоре
  • Логотип и цвета бренда — в каждом шаблоне

Рассчитать стоимость

Изучим задачу и пришлём план работ с ценой.

Первый экран сайта компании

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

  1. 1

    Шапка с направлениями

    Логотип, меню из основных направлений и телефон — без поиска контактов по подвалу.

  2. 2

    Чем занимается компания

    Одна фраза о продукте и клиентах вроде «Проектируем вентиляцию для складов» вместо «Надёжный партнёр».

  3. 3

    Люди и объекты

    Фото производства, команды или готовых объектов вместо абстрактной графики.

  4. 4

    Факт, который можно проверить

    Год основания, лицензия, членство в СРО, реквизиты — то, что клиент сверит сам.

  5. 5

    Кнопка обращения

    Заявка или звонок, а для компаний-клиентов — ещё почта и контакт менеджера по направлению.

Кейсы

Добыча наших клиентов

  • Частный юрист · Симферополь

    350 ₽

    стоимость заявки в контекстной рекламе Яндекса

    Дизайн сайта-визитки частного юриста из Симферополя: стоимость заявки в контекстной рекламе Яндекса — 350 рублей.

    Смотреть кейс
  • Интернет-магазин спецтехники

    Дизайн сайта интернет-магазина спецтехники Lonking

    Дизайн сайта интернет-магазина спецтехники Lonking: продажа по всей России, сервис, запчасти и лизинг.

    Смотреть кейс
  • Компания по строительству бассейнов · Севастополь

    Дизайн сайта компании по строительству бассейнов в Севастополе

    Дизайн сайта компании, которая строит бассейны на заказ в Севастополе и по Крыму: планирование, проектирование и строительство. Десктопная и мобильная версии.

    Смотреть кейс
  • Частное охранное предприятие · Севастополь и Ялта

    Дизайн корпоративного сайта частного охранного предприятия

    Дизайн корпоративного сайта частного охранного предприятия в Севастополе и Ялте. Десктопная и мобильная версии.

    Смотреть кейс

Как выбрать студию для дизайна сайта

Перед выбором исполнителя полезно проверить шесть вещей. На это хватит одного созвона и пары писем.

  • Портфолио по вашей теме

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

  • Прототип до дизайна

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

  • Правки и этапы в договоре

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

  • Кто работает над проектом

    Уточните, кто ведёт проект, кто рисует и кто проверяет, что макет можно сверстать. Один человек на всё — не приговор, но рисков больше.

  • Что остаётся у вас

    Файл Figma с правами, UI-кит, адаптивы, спецификация. Если передают только картинки, доработать сайт без той же студии будет сложно.

  • Какие вопросы задают вам

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

Что мешает клиенту написать компании

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

  • 01

    Сайт о компании, а не о клиенте

    На первом экране история и миссия, а услуги спрятаны в третий пункт меню.

  • 02

    Контакты только в подвале

    Телефон и почту приходится искать, а на телефоне — долго прокручивать страницу.

  • 03

    Непонятно, что будет после заявки

    Форма отправлена, но когда перезвонят и кто — неизвестно. Сообщение после отправки должно называть следующий шаг.

  • 04

    Услуги без цен и примеров

    Даже ориентир «от» и пара примеров работ помогают понять, стоит ли писать.

  • 05

    Меню внутренними словами

    Разделы названы так, как принято в компании, а не как ищут клиенты.

Что передаём после дизайна

  • Исходники в FigmaВсе макеты и прототип — с правами владельца или доступом на редактирование
  • UI-китЦвета, шрифты, кнопки, поля и их состояния
  • АдаптивыВерсии для телефона, планшета и компьютера
  • Спецификация для разработчикаСетка, отступы, поведение элементов
  • ГрафикаИконки и иллюстрации в форматах для вёрстки
  • Права на макетыПередаём по договору; шрифты и фото — с лицензией для коммерческого использования

Как работаем над дизайном

Сроки — ориентиры для проекта до 10 шаблонов: лендинг быстрее, магазин дольше. Точный график — в договоре.

  1. 2–3 дня

    Бриф

    Задача, аудитория, конкуренты, текущая версия и данные Метрики, если проект уже работает.

    Итог этапаБриф и список шаблонов

  2. 3–7 дней

    Прототип

    Схемы страниц без цвета и картинок: блоки, их порядок, кнопки и формы.

    Итог этапаСогласованная структура страниц

  3. 3–5 дней

    Концепция первого экрана

    Шрифты, цвета, фото и кнопки на одном экране. После согласования стиль переходит на остальные страницы.

    Итог этапаУтверждённый стиль

  4. 2–3 недели

    Макеты страниц

    Все шаблоны из брифа, включая формы, сообщения об ошибках и служебные страницы.

    Итог этапаМакеты для компьютера

  5. 3–5 дней

    Адаптив

    Версии для телефона и планшета: порядок блоков, меню, размеры кнопок и текста.

    Итог этапаМакеты для телефона и планшета

  6. 1–2 дня

    Передача разработчику

    UI-кит, состояния элементов, спецификация. По договорённости сверяем вёрстку с макетами.

    Итог этапаФайл Figma и спецификация

Стоимость дизайна сайта компании в Самаре

Обычно подходит пакет «Сайт до 10 шаблонов»: главная, услуги, о компании, контакты и ещё несколько типовых страниц.

  • Лендинг

    Одна страница под рекламу или акцию. Ориентир — 2–3 недели

    от 40 000 ₽

    • Прототип
    • Макет для компьютера и телефона
    • Две итерации правок
  • Сайт до 10 шаблонов

    Для компании или сферы услуг. Ориентир — 4–6 недель

    от 90 000 ₽

    • Прототип и концепция
    • До 10 уникальных шаблонов
    • Адаптив и UI-кит
  • Интернет-магазин

    Каталог, карточка товара, корзина. Ориентир — 5–8 недель

    от 150 000 ₽

    • Каталог, фильтры и карточка
    • Корзина и оформление заказа
    • Личный кабинет
    • Сверка вёрстки с макетами
  • Число правок — в договоре
  • Вёрстка и программирование — отдельная услуга

Не подошёл тариф — предложите свою цену

Назовите бюджет — предложим состав работ или запуск по этапам.

FAQ

Вопросы о дизайне сайта компании

Не нашли ответ?

Как перенести фирменный стиль в интерфейс?

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

Что делать, если у компании нет фирменного стиля?

Есть два пути. Быстрый — задать основу стиля на концепции: логотип остаётся прежним, а цвета, шрифты и характер фото выбираем для сайта. Основательный — сначала разработать фирменный стиль и потом переносить его в интерфейс; так сайт, презентации и документы будут выглядеть одинаково.

Кто из компании должен участвовать в проекте?

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

Можно начать с концепции главной, чтобы оценить работу?

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

Содержание
  1. Как оценить портфолио
  2. Что закрепить в договоре
  3. Сколько времени проект займёт у вас
  4. Бренд в интерфейсе

Дизайн сайта компании решает две задачи: объяснить, чем компания полезна клиенту, и сделать так, чтобы написать ей было проще, чем закрыть вкладку. Бренд здесь важен, но работает только вместе с понятной структурой и честными деталями.

Как оценить портфолио

В портфолио все работы выглядят хорошо — туда попадают отобранные обложки. Заказывая дизайн веб-сайта компании, попросите ссылки на живые сайты и пройдите по ним свой сценарий: найти услугу, цену и контакты, отправить заявку с телефона. Если студия показывает только картинки главных страниц, спросите, как выглядят внутренние шаблоны и версия для телефона.

Что закрепить в договоре

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

Сколько времени проект займёт у вас

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

Бренд в интерфейсе

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

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

Первый шаг

Расскажите о компании — предложим план работ

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

Что написать в заявке, чтобы план был точнее:

  • Чем занимается компания и кто ваши клиенты
  • Какие материалы о бренде уже есть
  • Какие сайты коллег вам нравятся и чем

Офис в Самаре: адрес уточняется · контакты

Перезвоним в рабочее время и ответим на вопросы.

Расскажем, как сделали этот проект, и прикинем план для вашего бизнеса.