Дизайн сайта-визитки в Нижнем Новгороде

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

  • Первое впечатление продумываем на прототипе
  • Стиль под характер дела — от строгого до яркого
  • Кнопки связи — на каждом экране

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

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

Первый экран сайта-визитки

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

  1. 1

    Имя и занятие

    Кто вы и чем занимаетесь — одной строкой, без слогана.

  2. 2

    Портрет или работа

    Настоящее фото человека, команды или результата — по нему решают, хочется ли иметь с вами дело.

  3. 3

    Формат работы

    Район, выезд или онлайн, часы приёма — то, что сразу отсекает неподходящие запросы.

  4. 4

    Связаться

    Крупные кнопки мессенджера и звонка, на телефоне — вызов одним касанием.

  5. 5

    Подтверждение

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

Кейсы

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

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

    350 ₽

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

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

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

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

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

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

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

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

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

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

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

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

Что важно в дизайне визитки

На маленьком сайте заметна каждая деталь — и удачная, и случайная.

  • Характер в стиле

    Цвет, шрифт и фото задают тон. Юристу подходит сдержанная подача, флористу — яркая, фотографу — минимум оформления вокруг снимков.

  • Своя съёмка

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

  • Экран — одна мысль

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

  • Ритм и воздух

    Отступы и крупные заголовки делают короткий сайт спокойным и собранным. Плотная вёрстка превращает его в объявление на столбе.

Почему визитка не вызывает доверия

Решение принимают быстро, и мелочи перевешивают.

  • 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. Как визитка выглядит на телефоне

Дизайн сайта-визитки — работа с первым впечатлением. Большой сайт убеждает объёмом, а визитка — точностью: несколько экранов, каждый из которых отвечает на один вопрос. Лишнее здесь заметнее, поэтому каждый элемент проходит проверку «зачем он здесь».

Шрифт и цвет вместо украшений

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

Что подготовить к съёмке

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

Как визитка выглядит на телефоне

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

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

Первый шаг

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

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

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

  • Чем вы занимаетесь и где работаете
  • Есть ли фото — портрет, работы, процесс
  • Где уже собраны ваши отзывы

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

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

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