Сайт и фирменный стиль Sapeo

  • Информационный сайт
  • Фирменный стиль
  • Вёрстка

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

Проект
Sapeo: собственный проект студии
Год
2026
Платформа
WordPress

Что выполнили

  • Дизайн, где сетка, типографика и цвет подчинены читаемости
  • Журнальная типографика: шрифт Merriweather с засечками
  • Базовый фирменный стиль: текстовый логотип на основе шрифта Newsreader
  • Простая цветовая схема без перегрузки
  • Лёгкая архитектура и оптимизация скорости
  • Адаптивная вёрстка и запуск на WordPress

Цель проекта

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

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

Задачи

  • Подчинить сетку, типографику и цвета удержанию внимания на тексте
  • Выбрать шрифт для комфортного чтения: Merriweather с засечками
  • Разработать базовый фирменный стиль и текстовый логотип
  • Обеспечить быструю загрузку страниц даже при медленном интернете
  • Сделать навигацию интуитивной: меню, рубрики и поиск там, где их ждут
  • Подготовить сайт к поисковому продвижению

Типовой процесс студии

Так студия ведёт проекты: пять этапов, на каждом заказчик видит результат и вносит правки. Ниже описано, что делали в этом проекте.

  1. 01 Брифинг и КП Обсудили тематику проекта, читателей и то, каким должен быть тон сайта. Посчитали стоимость и сроки. Результат: КП и договор
  2. 02 Прототип Продумали навигацию: меню, рубрики и поисковая строка расположены там, где читатель ожидает их увидеть. Результат: Схема страниц и экранов
  3. 03 Дизайн Нарисовали дизайн на шрифте Merriweather и создали текстовый логотип на основе шрифта Newsreader. Цветовую схему построили на простых сочетаниях, которые не отвлекают от содержания. Результат: Макеты и базовый фирменный стиль
  4. 04 Вёрстка Сверстали лёгкую архитектуру с оптимизированными ресурсами на WordPress. Проверили на устройствах от широкого монитора до компактного смартфона. Результат: Сайт на тестовом адресе
  5. 05 Запуск и поддержка Перенесли сайт на хостинг, передали доступы и файлы. 30 календарных дней после запуска помогали с мелкими правками. Результат: Сайт онлайн, доступы и файлы

Результат

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

Что получил проект

  • Сайт под ключ на WordPress
  • Базовый фирменный стиль и текстовый логотип
  • Журнальная типографика для комфортного чтения
  • Скорость загрузки и лёгкая архитектура
  • Адаптивная вёрстка для любого устройства
  • Файлы проекта, доступы и 30 календарных дней поддержки

Экраны проекта

Так сайт выглядит на компьютере и на телефоне.

Логотип сайта Sapeo
Sapeo: версия для компьютера, экран 1
Версия для компьютера, экран 1
Sapeo: версия для телефона
Версия для телефона
Sapeo: версия для компьютера, экран 2
Версия для компьютера, экран 2

Нужен такой же сайт?

Расскажите о своей задаче — подготовим КП с ценой и сроками для похожего проекта.