Дизайн сайтов
Концепция, арт-дирекция и собственный визуальный язык — сразу в коде, от 360px до широких экранов, с тёмной темой и всеми состояниями.
01 04 service 1 of 4 in Веб-дизайн
Что входит
- Концепция сайта, арт-дирекция и визуальный язык — а не шаблон с вашим логотипом
- Макеты рисуются так, как их реально будут верстать, поэтому ничего не гибнет при передаче
- Адаптив от 360px до сверхшироких экранов, тёмная тема включена
- Типографика выбрана для чтения, а не для скриншотов
- Нарисовано каждое состояние: пусто, загрузка, ошибка, успех
- Доступность заложена сразу: контраст, фокус, клавиатура, чувствительность к движению
Кому подходит
- Компании, чей сайт похож на конкурентов, потому что вышел из того же шаблона
- Бизнесы, чей продукт лучше, чем впечатление от их сайта
- Все, кому присылали красивый макет, который ни один разработчик не смог собрать
Коротко
Дизайн сайта — это концепция, арт-дирекция и визуальный язык именно вашего сайта, а не шаблон с вашим логотипом. Мы выводим стиль из аудитории и задачи, подбираем типографику для чтения, рисуем каждое состояние и каждую ширину от 360px, закладываем тёмную тему и доступность. Дизайн делается сразу в коде, поэтому ничего не теряется по пути в браузер: что вы согласовали, то и увидят посетители. Цена считается по часам и фиксируется до старта.
Шаблон, доработанный шаблон или свой дизайн
Три способа получить облик сайта — и что каждый из них говорит о вас.
| Критерий | Шаблон | Доработанный шаблон | Свой дизайн |
|---|---|---|---|
| Узнаваемость | как у сотен других | шаблон угадывается | только ваш |
| Попадание в аудиторию | случайное | частичное | выведено из неё |
| Структура | задана шаблоном | в рамках шаблона | следует за задачей |
| Скорость | лишний код на все случаи | лишний код плюс правки | только нужное |
| Когда разумно | проверить идею за пару дней | небольшой бюджет и типовая задача | сайт — рабочий инструмент и лицо бизнеса |
Из чего складывается визуальный язык сайта
Каждый элемент подбирается под аудиторию — вместе они дают впечатление, которое посетитель получает за первые секунды.
-
Типографика
Шрифты выбраны для чтения, а не для скриншотов: длина строки, интервалы, понятная иерархия заголовков.
-
Цвет
Нейтральная основа и один акцент, контраст проверен для чтения — в светлой и тёмной теме.
-
Сетка и ритм
Ровные отступы между блоками делают страницу спокойной и дорогой, случайные — дешёвой.
-
Изображения
Направление съёмки, иллюстраций или 3D — один стиль на весь сайт.
-
Иконки и детали
Один набор, одна толщина линий, один радиус углов — мелочи, из которых складывается цельность.
-
Движение
Переходы и реакции, которые объясняют, что произошло, — и спокойная версия для тех, кто отключил движение.
Что мы продумываем, а шаблоны пропускают
Разница между картинкой и рабочим сайтом — в ситуациях, которые никто не показывает в портфолио.
-
01
Все состояния
Пусто, загрузка, ошибка, успех: человек всегда понимает, что происходит.
-
02
Любая ширина
От телефона на 360px до сверхширокого монитора — а не три фиксированных размера.
-
03
Тёмная тема
Следует настройке системы и проектируется отдельно, а не инвертируется.
-
04
Настоящее содержание
Длинные названия, заголовки в две строки, отсутствующие фото — вёрстка это переживает.
-
05
Доступность
Контраст, видимый фокус, управление с клавиатуры и чувствительность к движению.
-
06
Скорость
Шрифты, изображения и эффекты укладываются в бюджет загрузки, согласованный до дизайна.
Частые ошибки в дизайне сайтов
-
Копировать конкурентов
Сайт как у всех забывают вместе со всеми.
-
Первый экран ни о чём
Большое фото и слоган вместо того, что вы делаете и для кого.
-
Слайдер на первом экране
Дальше первого слайда смотрят редко — главное нельзя прятать во второй.
-
Пять шрифтов и десять цветов
Пестрота читается как хаос. Хватит одного-двух шрифтов и одного акцента.
-
Забыть про телефон
Большинство приходит с телефона, а ему достаются остатки десктопного дизайна.
Вопросы о дизайне сайтов
Сколько стоит дизайн сайта?
Цена считается по часам и зависит от числа уникальных страниц и состояний. Сумма фиксируется до старта, оценка — бесплатно.
Что нужно от нас для старта?
Бриф, примеры сайтов, которые нравятся и не нравятся, логотип и материалы бренда, если есть, и хотя бы черновики текстов.
Делаете ли вы дизайн сайта для других разработчиков?
Да, передаём компоненты, токены и правила в коде. Но самый точный результат дают дизайн и разработка в одних руках.
У нас нет фирменного стиля. Это проблема?
Нет: базовый визуальный язык можно вывести для сайта. Если нужен полный стиль для других носителей, это отдельная услуга.
Кому принадлежит дизайн?
Вам. Исходники и права передаются при приёмке.
Форма
Обсудить
дизайн сайта
Расскажите о бизнесе, аудитории и сайтах, которые нравятся и не нравятся, — предложим направление и оценим работу. Консультация бесплатная.