# Product Designer Portfolio Website Template | Creght

> A resume-style portfolio for product and UX designers. Includes profile, work history, selected projects, core skills, ways of working and peer testimonials — structured as a CV rather than an image gallery.

[![Creght](https://ugc.talizen.com/_assets/site/2061660904709165056/1780797461299__creght_logo.png)](/)

Products

[AI Website BuilderRecommendedBuild websites and web apps through conversation](/ai.md) [Visual Website BuilderBuild precisely with a canvas, components, and effects](/design.md)

[Compare BothChoose the right creation method for your needs→](/ai-vs-visual-builder.md)

Solutions

[Designer Portfolio](/solution/designer-portfolio.md) [Foreign Trade Website](/solution/foreign-trade-website.md)

[Pricing](/price.md) [Help Center](/help.md)

[Resources](/resources.md)

Creght AI·Website Resources

[Website TemplatesStart from a complete website](/templates.md) [Page SectionsHero, pricing, case studies, and more](/blocks.md) [Motion InspirationDiscover reusable interaction effects](/effects.md)

[Browse all resources](/resources.md) [Visual Builder Resources](/design/resources.md)

[Contact Us](/contact.md)

[Get Started](https://creght.cn/project)

[Templates](/templates.md)» [Personal Brand / Portfolio](/template/cate/personal-brand-portfolio.md)»Product Designer Portfolio

![Product Designer Portfolio](https://fsu.creght.com/console/user/3/msfDmflvyVt__cover.jpg?w=3072&fmt=webp)

FreePersonal Brand / PortfolioAI

# Product Designer Portfolio

A resume-style portfolio for product and UX designers. Includes profile, work history, selected projects, core skills, ways of working and peer testimonials — structured as a CV rather than an image gallery.

[Use this template](https://creght.cn/tpl/97?intent=use&source=template_detail) [View live demo](https://p3g4973b7126.site.creght.cn)

The demo is a real published Creght site. Content is placeholder.

## Included pages (4)

All built and responsive. Add, remove or rename them after generating.

HomeA CV-ordered introduction that leads with experience and method, not a wall of thumbnailsWorkProject list; each case can open as its own detail pageJournalArticle list managed in the CMS, for writing regularly about your practiceContactContact details and availability, with an “open to full-time” marker

## Sections on the home page

Rewrite any section with AI, or edit text and images on the canvas.

- Experience
- Making complex things clear
- Selected projects
- Core skills
- How I work
- Peer testimonials

## Live preview

The real published site, embedded below. Scroll and click around inside it.

[Open in a new tab ↗](https://p3g4973b7126.site.creght.cn)

## Is this template right for you?

A good fit for

- Product, UX and interaction designers who are job hunting
- People with few projects who would rather explain experience and method
- Anyone who writes regularly and needs an article module

Probably not for

- Large portfolios that need tag- or year-based filtering and pagination
- Photography and illustration portfolios built around full-bleed imagery
- Freelancers who need to quote or take payment online — this template has no payment or form flow

## Common questions

### Can I still edit the site after generating it from a template?

Yes. You can keep talking to the AI, or click any element on the canvas and edit text, images and styles directly. Both act on the same site and write back to real code.

### Do I need to write code?

No. Generating, editing and publishing all happen in the browser — no local dev environment, no build step. If you do write code, exporting the code is supported.

### Can I connect my own domain?

Custom domains with automatic SSL are included in the Pro and Business plans. The free plan does not include a custom domain or SSL, but you can still generate, edit and publish on the system-provided address.

### Can I switch to a different template later?

Templates cannot be switched after the fact — you would need to create a new site. So open the live demo first and see the real thing before choosing. If you have already purchased a plan, contact support for help.

### How far can I get on the free plan?

New projects start on the free plan, which covers most capabilities — cloud functions, data tables, user accounts and payments — enough to run the whole flow end to end. Each has a usage cap, and custom domains, SSL, badge removal and code export are not included.

### How long does generation take?

Usually 30 seconds to a minute; complex sites take longer. What you get is a complete site that works on desktop and mobile — not a mockup.

## More in this category

[![设计师个人网站](https://fsu.creght.com/console/user/3/mrfuCJJZuSw__cover_2.jpg?w=3072&fmt=webp)\
\
设计师个人网站\
\
A bright, playful product designer portfolio. Just about, projects and contact — for getting online fast when you do not have much work yet.](/template/playful-designer-portfolio.md) [![Swiss Folio](https://fsu.creght.com/console/user/3/mqTUeRVNPzm__image.png?w=3072&fmt=webp)\
\
Swiss Folio\
\
A Swiss-international style portfolio. Numbered navigation, a strict grid and a technical specifications section — for typography-led designers and creative developers.](/template/swiss-typographic-portfolio.md) [![Tape Futurism Personal Website](https://fsu.creght.com/console/user/3/mkFndUyKSKV__cover1_small.jpg?w=3072&fmt=webp)\
\
Tape Futurism Personal Website\
\
A retro-futurist personal site. Monospaced type in a terminal-like layout, with a work database, tech specs and contact — for developers and digital artists.](/template/retro-futurism-personal-site.md)

![Creght](https://ugc.talizen.com/_assets/site/2061660904709165056/1780797461299__creght_logo.png)

This website is built with [Creght](/)

![WeChat Support](https://fsu.creght.com/site/2066727200882692096/1785119134612__image.png)

WeChat Support

## Links

- [Pricing](/price.md)
- [Solutions](/solution.md)
- [Customers](/customers.md)
- [Help Center](/help.md)
- [Contact Us](/contact.md)
- [Update Logs & Blogs](/blogs.md)
- [Refund Policy](/tuikuan.md)

## Resources

- [All Resources](/resources.md)
- [Templates](/templates.md)
- [Components](https://creghtlib.site.creght.com)
- [Animations](/design/effects.md)
- [Figma to Creght](/figma2creght.md)
- [API for AI](/api.md)

## Comparisons

- [vs Shianxianle](/creght-vs-sxl.md)
- [vs Fanke](/creght-vs-fkw.md)
- [自己写代码 vs Creght](/compare/self-coding.md)
- [外包 vs 自己做](/compare/outsourcing.md)

## Terms

- [Terms of Service](/legal/terms.md)
- [Privacy Policy](/legal/privacy.md)
- [Acceptable Use Policy](/legal/acceptable-use.md)

## Social Media

- [Xiaohongshu](https://www.xiaohongshu.com/user/profile/5a38606811be10715f4895b6)
- [Bilibili](https://space.bilibili.com/513308095)

[蜀ICP备2023038192号-2](https://beian.miit.gov.cn)