# Product designer portfolio Website Template | Creght

> A dark portfolio with oversized headlines and sticker accents. Single page covering skills, strengths, experience, work and problem-solving, in a relaxed voice.

[![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/mglSIKAqPUz__frame_688.jpg?w=3072&fmt=webp)

FreePersonal Brand / Portfolio

# Product designer portfolio

A dark portfolio with oversized headlines and sticker accents. Single page covering skills, strengths, experience, work and problem-solving, in a relaxed voice.

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

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

## Included pages (1)

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

Single pageSkills, strengths, experience and work in one scroll

## Sections on the home page

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

- Skills
- My advantages
- Design journey
- Works
- How I solve problems

## Live preview

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

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

## Is this template right for you?

A good fit for

- Product designers who want to stand apart from identical CV-style pages
- People comfortable with a lighter voice
- Designers with a problem-solving method worth explaining

Probably not for

- Applicants targeting traditional industries who need formality
- Visual designers whose work needs full-bleed imagery
- Senior practitioners who need a multi-page structure

## 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

[![Product Designer Portfolio](https://fsu.creght.com/console/user/3/msfDmflvyVt__cover.jpg?w=3072&fmt=webp)\
\
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.](/template/product-designer-portfolio.md) [![设计师个人网站](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)

![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)