Что вы получите
- Портфолио из 28 страниц в одном офлайн HTML-файле или перенесённое в ваш фреймворк
- Герой с парящими карточками, бенто проектов, кейсы с досками айдентики
- Фильтры работ, карусель отзывов, вкладки процесса, формы бронирования и контактов
- Валидатор офлайн-безопасности, структуры и оставшихся примеров имён
- По желанию: сцены проектов и перекадрированный портрет от PopNow, цена называется первой
Подходит для
- Дизайнеры бренда, графики и продуктовые дизайнеры
- Фотографы, иллюстраторы и небольшие студии
- Фрилансеры, которые получают заказы через кейсы и звонки
Не подходит для
- Портфолио разработчиков, где главное — код
- Одностраничные резюме
- Галереи из сотен изображений
Как пользоваться
В Claude или ChatGPT
Используйте навык PopNow «Сайт портфолио дизайнера» (designer-portfolio-website) для этой задачи: Сделайте мое портфолио: я Ада Линд, дизайнер упаковки из Лиссабона; пять проектов в ./work с заметками в projects.md.
В агенте для кода
/popnow-designer-portfolio-website Сделайте мое портфолио: я Ада Линд, дизайнер упаковки из Лиссабона; пять проектов в ./work с заметками в projects.md.
Потом попробуйте
У двух проектов есть только фото с телефона. Переснимите их в свете сайта; сначала назовите цену.
Перенесите это на наш сайт на Astro с отдельным маршрутом для каждого проекта.
Что подготовить
- Имя, биография, город, контакты и доступность
- Три и более проектов с фото, брифами и реальными отзывами клиентов, если они есть
- Услуги и цены, а также портрет или согласие на помеченную заглушку
Похожие навыки
Смотреть все →3D-конструктор аватаров
+3Соберите милого плюшевого 3D-персонажа прямо в браузере и сохраните его как прозрачный PNG или 3D-страницу.
Календарная тепловая карта активности
+3Год ежедневной активности в виде календарной сетки с заливкой — с сериями, итогами и управлением с клавиатуры.
Лендинг SaaS с ИИ
+3Песочный фон, тонкие направляющие и штриховка вокруг живой канбан-доски, где ассистент планирует задачи.
Анимированный первый экран сайта
+3Первый экран лендинга с плавно сменяющимся словом в заголовке, двумя кнопками и широкой рамкой для изображения.
Сайт агентства с шейдерным героем
+3Живой оранжевый шейдерный герой под крупным заявлением, навигация-таблетка и сетка кейсов.
Тёмный лендинг для SaaS
+3Тёмный маркетинговый сайт с насыщенной анимацией для программного продукта — в одном автономном HTML-файле.
Сайт-портфолио разработчика
+3Тёмный личный сайт для инженеров с кейсами, статьями, докладами, резюме и формой обратной связи.
Редакционный сайт SaaS
+3Тёмно-синий разделённый герой, заголовок с засечками рядом с документальным кадром и кобальтовый акцент.
Шаблон сайта в стиле глассморфизма
+3Матовые стеклянные таблетки на почти чёрном фоне, крупный заголовок с засечками и подписка.
Сайт аппаратного продукта
+3Огромные тонкие названия моделей на студийных кадрах, матовые карточки характеристик и линейка в масштабе.
Интерактивная схема архитектуры
+3Офлайн-схема системы, по которой можно кликать: построена из проверенной JSON-модели, с обоснованием для каждого блока.
Интерактивный герой с сеткой
+3Тёмная сетка тонких нитей, которая гнётся к курсору, и светящееся кольцо от каждого клика.
Граф знаний из заметок
+3Превратите заметки проекта в офлайн-граф с поиском, где каждое утверждение ведёт к строке источника.
Шаблон KPI-дашборда
+3Четыре KPI-плитки с чипами изменений, линейный график, таблица разбивки и целевые полосы на тёплой бумаге.
Лендинг из ИИ-макетов
+3Сначала три полноэкранных макета на выбор, затем ваш агент собирает выбранный как чистый адаптивный код.
Шаблон сайта журнала
+3Сайт журнала с качеством печатного издания: статьи, рубрики, небольшой магазин и подписка — в одном HTML-файле.
Герой с анимацией частиц
+3Текст на тёплой бумаге рядом со сферой из чернильных и бирюзовых точек, меняющей форму под каждую идею.
Сайт личного бренда
+3Портрет, растворённый в тёплой бумаге под тонкой скобкой, с лёгким и жирным заявлением по бокам.
Кинематографичная страница запуска продукта
+3Почти чёрная страница в свете премьеры: заголовок с засечками, ночная сцена в letterbox и форма брони.
Шаблон админ-панели
+3Рабочая консоль бэк-офиса с графиками, таблицами, канбаном и календарём — в одном офлайн-HTML-файле.
Шаблон лендинга для SaaS
+3Спокойный светлый маркетинговый сайт для программного продукта с рабочей консолью продукта, ценами и регистрацией.
Сайт-портфолио в стиле скрапбукинга
+3Многостраничное онлайн-резюме из бумажных предметов, с кейсами и версией резюме для печати.
Шаблон сайта магазина кроссовок
+3Полноценный магазин обуви или одежды с каталогом, карточками товаров, корзиной и демо-оформлением заказа в одном HTML-файле.
Лендинг автоматизации процессов
+3Графитовая страница, небольшой заголовок слева и живой граф узлов: запускается, повторяет попытку, пишет логи.
Вопросы
Только для графических дизайнеров?
Нет. Разделы подходят фотографам, продуктовым и UX-дизайнерам, иллюстраторам, архитекторам и небольшим студиям: проекты становятся заказами или кейсами, а услуги — пакетами или абонементами.
Формы бронирования и контактов что-то отправляют?
Они проверяют данные и подтверждают действие на странице и прямо сообщают, что ничего не отправлено. Подключите сервис форм или календаря, когда сайт запустится.
Сделает ли PopNow мой портрет?
Только по вашему собственному фото, например перекадрирует его на красный фон. Портрет никогда не выдумывается и не выдаётся за вас; созданные люди в шаблоне помечены как заглушки.
Как убедиться, что от образца ничего не осталось?
Запустите встроенный валидатор. Сборка упадёт, если останутся имя дизайнера-образца, клиенты, цитируемые люди, домен, телефон или идентификаторы проектов, а также проверит, что каждая ссылка ведёт на страницу.