Редизайн и разработка сайтов
на уровне вашего бизнеса.

Пересобираем сайты B2B-компаний и сервисных бизнесов — от структуры до запуска.

Обсудить проект Смотреть работы

Сайт на уровне вашего продукта.

Превращаем согласованную структуру в визуальную систему. Продумываем страницы, компоненты и состояния.

В работеПолный цикл

Что входит в этап

Разработать визуальное направлениеПодготовить desktop и mobileСогласовать дизайн

Ход проекта

LATENT Структура согласована. Переходим к визуальному направлению.

Макет должен объяснять продукт с первого экрана. Детали работают на одну задачу.

Детали

В работе

LATENT

Результат

Визуальная система

Визуальное направление

СТУДИЯ РЕДИЗАЙНА И РАЗРАБОТКИ

От первой задачидо готового сайта.

Обсудить проект

Структура · дизайн · разработкаLATENT

Интерактивная схема работы студии.Посмотрите этапы работы и результаты

Figma
React
TypeScript
Tailwind CSS
Git
Timeweb

LATENT — студия редизайна и разработки. Разбираемся в продукте, проектируем сайт и доводим его до запуска.

Сначала — логика

Изучаем продукт и путь клиента. Определяем, что сказать на каждой странице и к какому действию привести.

Одна визуальная система

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

Готовность к реальной работе

Проверяем адаптивность, формы и интеграции. Запускаем сайт и передаём всё для дальнейшей работы.

Исследование
и структура

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

Обсудить задачу

LATENT Архитектура страниц4 страницы

0100200300400500600700800900100011001200

Главная1440

LATENTСтудия

ДИЗАЙН И РАЗРАБОТКАВаш бизнес сильнее своего сайта.

Пересобираем цифровую подачу.
От структуры до запуска.

Обсудить проект

01Логика
и дизайн.

Структура, тексты,
визуальная система.

02Код
и запуск.

Разработка, проверка,
передача команде.

Обсудим вашу задачу?

Решения1440

LATENTСтудия

ДИЗАЙН И РАЗРАБОТКАСильный продукт. Понятная подача.

Пересобираем цифровую подачу.
От структуры до запуска.

Обсудить проект

01Логика
и дизайн.

Структура, тексты,
визуальная система.

02Код
и запуск.

Разработка, проверка,
передача команде.

Обсудим вашу задачу?

LATENT

Содержание страницы Черновик

Задача страницы

Объяснить предложение.
Помочь сделать следующий шаг.

Главный тезисРедактируется

Главный тезис

Что вы делаете и почему это важно для клиента.

Редактор100%

В составе проекта

Аудит текущего сайта Архитектура страниц Пользовательские сценарии Контент и UX-тексты

Разработка,
проверка и запуск

Собираем сайт, проверяем сценарии и готовим к запуску. Макеты, код и доступы передаём вашей команде.

Связаться со студией

Сайт компанииРазработка

Готово3

LTN-012Собрать компоненты интерфейса

LTN-016Подключить шрифты и материалы

LTN-021Перенести контент в макет

В работе3

LTN-024Настроить адаптивные состояния

LTN-026Проверить формы и сообщения

LTN-029Добавить переходы и анимации

Перед запуском3

LTN-031Проверить основные сценарии

LTN-033Подготовить метаданные страниц

LTN-035Передать исходники и доступы

src / styles / studio.css+5−5

Исходный макетbase

01 .studio {

02 color: var(--text-primary);

03 background: var(--surface);

04 }

06 .studio-hero {

07 display: grid;

08− grid-template-columns: 1fr 1fr;

09 align-items: center;

10− gap: 48px;

11− padding: 48px;

12 }

14 .studio-title {

15− font-size: 48px;

16 line-height: 1.1;

17 text-wrap: balance;

18 }

20 .studio-process {

21 display: grid;

22− grid-template-columns: 1fr 1fr 1fr;

23 gap: 24px;

24 }

26 @container (max-width: 400px) {

27 .studio-process {

28 grid-template-columns: 1fr;

29 }

30 }

Адаптивная версия1440 px

01 .studio {

02 color: var(--text-primary);

03 background: var(--surface);

04 }

06 .studio-hero {

07 display: grid;

08+ grid-template-columns: minmax(0, 1fr) auto;

09 align-items: center;

10+ gap: 32px;

11+ padding: 32px;

12 }

14 .studio-title {

15+ font-size: clamp(28px, 5.3cqi, 45px);

16 line-height: 1.1;

17 text-wrap: balance;

18 }

20 .studio-process {

21 display: grid;

22+ grid-template-columns: repeat(3, 1fr);

23 gap: 24px;

24 }

26 @container (max-width: 400px) {

27 .studio-process {

28 grid-template-columns: 1fr;

29 }

30 }

latent / preview

LATENTСвязаться

СТУДИЯ ДИЗАЙНА И РАЗРАБОТКИ

От первой задачи
до готового сайта.

Собираем логику, дизайн и код
в один работающий продукт.

Обсудить проект

01Исследование

02Дизайн

03Разработка

Live previewИзменения видны сразу

Проверка перед запускомQA

Композиция без переполнения—

Логотип и материалы—

Переход к обсуждению—

Проверка открытого макета

В составе проекта

Разработка под задачу Формы и интеграции Проверка сценариев Публикация и передача

Сайты, которые
мы проектируем
и разрабатываем.

ПроектыПосмотреть работы

Состав работ,
сроки и стоимость
вашего сайта.

ЦеныВыбрать вариант

Давайте сделаем сайт
на уровне вашего бизнеса.

Обсудить проект

Редизайн и разработка сайтов на уровне вашего бизнеса.

Сайт на уровне вашего продукта.

Что входит в этап

Ход проекта

Детали

Результат

От первой задачидо готового сайта.

LATENT — студия редизайна и разработки. Разбираемся в продукте, проектируем сайт и доводим его до запуска.

Сначала — логика

Одна визуальная система

Готовность к реальной работе

Исследование и структура

Разработка, проверка и запуск

От первой задачидо готового сайта.

Сайты, которыемы проектируеми разрабатываем.

Состав работ,сроки и стоимостьвашего сайта.

Давайте сделаем сайт на уровне вашего бизнеса.

Редизайн и разработка сайтов
на уровне вашего бизнеса.

Исследование
и структура

Разработка,
проверка и запуск

От первой задачи
до готового сайта.

Сайты, которые
мы проектируем
и разрабатываем.

Состав работ,
сроки и стоимость
вашего сайта.

Давайте сделаем сайт
на уровне вашего бизнеса.