Иллюстрация: разговор с добрым волшебником о дизайне
Дизайн 2 мин чтения 15 августа

Фрилансер превращает плоский макет сайта в реалистичный мокап для питча

Нейросеть
на связи
15 августа

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

14:03

А что за клиент, что за сайт?

14:04

Локальный бренд, интернет-магазин курток из экокожи. Хочу, чтобы макет смотрелся как будто это уже готовый продукт, а не картинка в Figma.

14:05

Тогда сделаем мокап — вставим твой скриншот на экран ноутбука в реалистичной сцене. Скинь сам макет страницы.

14:06

Вот, это главная страница.

14:07

Хочешь конкретную обстановку — офис, кафе, домашний стол? Это сильно меняет ощущение от бренда.

14:08

Клиент себя позиционирует как премиальный, давай что-то вроде стильного кабинета с видом на город.

14:09

Сделала — ноутбук на столе, за окном вечерний город, экран показывает именно твою страницу. Смотри.

Мокап_сайта_кабинет.png
Изображение
14:10

Ого, прям как рекламный кадр. А можно ещё горизонтальный вариант, у меня макет вертикальный получился неудобно?

14:11

Да я сначала специально сделала картинку горизонтальной, чтобы она нормально легла на экран ноутбука — вертикальная там просто не поместится красиво.

14:12

А, вот почему ты спросила про формат. Умно. Слушай, а получится так же вставить в сцену с телефоном, для сторис?

14:13

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

14:14

Окей, сделаю два скриншота — десктоп и мобильный, и пришлю оба.

14:15

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

14:16

Красота, то что нужно для питча в понедельник.

14:17
Написать сообщение…

Похожая ситуация в вашем бизнесе?

За 90 минут консультации разберём именно ваши процессы и покажем, с чего начать — без общих советов.

Записаться на консультацию

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

HoReCaHRАвтоматизацияДизайнКонтент-криейторыКоучиЛичная эффективностьМалый бизнесМедицинаНедвижимостьНКОПродажиПродуктивностьРодителиСоцсетиСредний бизнесСтартапы и фаундерыСтудентыФотографыФрилансерыЮристы и бухгалтерия