Лендинг

Концепт

Дизайн

Адаптив

UI

ReCrea - мощный генератор изображений и видео на основе AI

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

Я разработала лендинг для десктоп-версии ReCrea — сервиса, создающего фото и видео с помощью искусственного интеллекта.
Его задача — наглядно раскрыть возможности продукта, вызвать доверие
и мотивировать пользователя начать работу с ReCrea прямо в браузере.

Десктоп

Мобильная версия

Адаптивы

ReCrea удобно использовать на любом устройстве благодаря продуманной адаптивной верстке. Интерфейс автоматически подстраивается под экран — от широкого десктопа до компактного смартфона.


Этапы работы

Пошаговое превращение идеи в готовый результат

1

Анализ конкурентов и сбор референсов

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

2

Создание концепции

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

3

Доработки и детализация дизайна

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

4

Адаптивы и передача на верстку

Спроектировала адаптивы для ключевых брейкпоинтов (1200, 375), адаптировала сетку и навигацию.
Переработала сетку и навигацию, сохранив последовательность и смысловые акценты.
Затем подготовила экспорт ассетов и обсудила все моменты по поводу верстки с разработчиком онлайн — получилось быстро договориться и всё уточнить.

Дизайн на основе приложения

В основе макета — интерфейс реального приложения, адаптированный под новую визуальную концепцию

Мудборд

Цвет

Gradient

FC762A-FF4BAE-912AFF

Base black

161619

Dark Gray

1B1C1D

Base white

FFFFFF

Простота & Легкость

Этот шрифт идеально передаёт эстетику минимализма и уверенности. Его чёткие линии
и сбалансированная геометрия придают чистоту и профессионализм визуальному стилю.

Suisse Intl

Типографика

Aa

Suisse Intl

Bold

Aa

Suisse Intl

Semibold

Aa

SF Pro display

Medium

Aa

SF Pro display

Regular

Другие проекты

Лендинг

Концепт

Дизайн

Адаптив

UI

ReCrea - мощный генератор изображений и видео на основе AI

Лендинг

Концепт

Дизайн

Адаптив

UI

ReCrea - мощный генератор изображений и видео на основе AI

Лендинг

Концепт

Дизайн

Адаптив

UI

ReCrea - мощный генератор изображений и видео на основе AI

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

Я разработала лендинг для десктоп-версии ReCrea — сервиса, создающего фото и видео с помощью искусственного интеллекта.
Его задача — наглядно раскрыть возможности продукта, вызвать доверие
и мотивировать пользователя начать работу с ReCrea прямо в браузере.

Десктоп

Десктоп

Десктоп

Мобильная версия

Мобильная версия

Мобильная версия

Этапы работы

Пошаговое превращение идеи в готовый результат

1

Анализ конкурентов и сбор референсов

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

2

Создание концепции

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

3

Доработки и детализация дизайна

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

4

Адаптивы и передача на верстку

Спроектировала адаптивы для ключевых брейкпоинтов (1200, 375), адаптировала сетку и навигацию.Переработала сетку и навигацию, сохранив последовательность и смысловые акценты.
Затем подготовила экспорт ассетов и обсудила все моменты по поводу верстки с разработчиком онлайн — получилось быстро договориться
и всё уточнить.

Дизайн на основе приложения

В основе макета — интерфейс реального приложения, адаптированный под новую визуальную концепцию

Мудборд

Цвет

Gradient

FC762A-FF4BAE-912AFF

Gradient

FC762A-FF4BAE-912AFF

Base black

161619

Base white

FFFFFF

Dark Gray

1B1C1D

Base white

FFFFFF

Типографика

Aa

Suisse Intl

Bold

Aa

Suisse Intl

Semibold

Aa

SF Pro display

Medium

Aa

SF Pro display

Regular

Простота & Легкость

Этот шрифт идеально передаёт эстетику минимализма и уверенности. Его чёткие линии
и сбалансированная геометрия придают чистоту и профессионализм визуальному стилю.

Suisse Intl

Suisse Intl

Suisse Intl

Другие проекты

Адаптивы

ReCrea удобно использовать на любом устройстве благодаря продуманной адаптивной верстке. Интерфейс автоматически подстраивается под экран —
от широкого десктопа до компактного смартфона.


ReCrea удобно использовать на любом устройстве благодаря продуманной адаптивной верстке. Интерфейс автоматически подстраивается под экран — от широкого десктопа до компактного смартфона.

Base black

161619

Gradient

FC762A-FF4BAE-912AFF

Gradient

FC762A-FF4BAE-912AFF

Base white

FFFFFF

Dark Gray

1B1C1D

Gradient

FC762A-FF4BAE-912AFF

Base black

161619

Dark Gray

1B1C1D

Base white

FFFFFF

Gradient

FC762A-FF4BAE-912AFF

Base black

161619

Dark Gray

1B1C1D

Base white

FFFFFF

Gradient

FC762A-FF4BAE-912AFF

Base black

161619

Dark Gray

1B1C1D

Base white

FFFFFF

Лендинг

Концепт

Адаптив

UI

Дизайн

ReCrea - мощный генератор изображений
и видео на основе AI

Лендинг

Концепт

Адаптив

UI

Дизайн

ReCrea - мощный генератор изображений
и видео на основе AI

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

Я разработала лендинг для десктоп-версии ReCrea — сервиса, создающего фото и видео с помощью искусственного интеллекта.
Его задача — наглядно раскрыть возможности продукта, вызвать доверие и мотивировать пользователя начать работу с ReCrea прямо
в браузере.

Десктоп

Десктоп

Мобильная версия

Мобильная версия

Адаптивы

ReCrea удобно использовать на любом устройстве благодаря продуманной адаптивной верстке. Интерфейс автоматически подстраивается
под экран — от широкого десктопа
до компактного смартфона.

Этапы работы

Пошаговое превращение идеи в готовый результат

1

Анализ конкурентов
и сбор референсов

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

2

Создание концепции

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

3

Доработки
и детализация дизайна

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

4

Адаптивы
и передача
на верстку

Спроектировала адаптивы для ключевых брейкпоинтов (1200, 375), адаптировала сетку
и навигацию.Переработала сетку и навигацию, сохранив последовательность
и смысловые акценты.
Затем подготовила экспорт ассетов и обсудила все моменты по поводу верстки
с разработчиком онлайн — получилось быстро договориться
и всё уточнить.

Дизайн
на основе приложения

В основе макета — интерфейс реального приложения, адаптированный под новую визуальную концепцию

Мудборд

Цвет

Gradient

FC762A-FF4BAE-912AFF

Gradient

FC762A-FF4BAE-912AFF

Base black

161619

Dark Gray

1B1C1D

Base white

FFFFFF

Типографика

Aa

Suisse Intl

Bold

Aa

Suisse Intl

Semibold

Aa

SF Pro display

Medium

Aa

SF Pro display

Regular

Простота & Легкость

Этот шрифт идеально передаёт эстетику минимализма и уверенности. Его чёткие линии
и сбалансированная геометрия придают чистоту и профессионализм визуальному стилю.

Suisse Intl

Suisse Intl

Другие проекты

Create a free website with Framer, the website builder loved by startups, designers and agencies.