5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T11c5,

Hi! Would you like this template as a gift?

Contact us for Struqx template customization!

-------------------------------- ⤵️ --------------------------------

A strong creative work portfolio website is not just a gallery, rather it is an evidence of the expertise. Strux is a creative portfolio template for product designers, UX/UI designers, freelancers, and senior creatives who need to show more than polished screens. It's made for designers who want hiring managers, founders, and design leaders to understand how they think, problems they solve, and why their work deserves attention.

Recruiters move fast, design leaders look for signals, and startup founders want confidence before they reach out. A portfolio that only shows beautiful visuals can still leave important questions unanswered: What was the actual problem? What did you own? How did you make decisions? What changed because of your work? And, Strux gives your portfolio a more strategic structure.

The layout creates space for your positioning, services, selected work, case studies, measurable results, testimonials, pricing, articles, and direct contact. Instead of forcing visitors to dig through scattered project visuals, Strux organizes your work around clarity, ownership, and impact.

Use it to present product design projects, SaaS case studies, design systems, onboarding improvements, UX audits, interface design work, web design projects, and freelance service offers. The portfolio flow is built to show both craft and judgment, which matters when people are evaluating whether to hire, interview, or trust you with a product challenge.

The visual direction in Strux feels bold, editorial, and confident. It gives your work personality without letting style overpower the business case behind your experience.

⤵️ Who Is This For?

Product designers
UX/UI designers
UI designers
Freelance designers
Senior product designers
Design consultants
Product design job seekers
Portfolio-focused creative agencies
Agencies building designer portfolio websites for clients

⤵️ Key Features:

Complete page set including Home, About, Service, Work, Work Details, Blog, Blog Details, Contact, Legal, and 404.
Hero section with personal positioning, profile intro, primary CTA, and quick credibility metrics.
Services section for presenting product design, web development, brand identity, content marketing, or custom offers.
Work listing page for showcasing selected projects, years, categories, and visual previews.
Work detail pages for building case studies around project context, role, process, visuals, and outcomes.
Pricing section for fixed projects, design sprints, retainers, product design support, or custom engagements.
Testimonial sections for client quotes, product team feedback, founder validation, and hiring trust signals.

-------------------------------- ⤵️ --------------------------------

🤔 Unlock All Access! Pay once, get Lifetime Access!

40+ Framer, Figma Templates and many more! New added every month!

👉 Explore Grabui Library

-------------------------------- ⤵️ --------------------------------

Special Offer 👇

Get THREE Free Months on a Pro annual subscription using my referral link.

👉 https://framer.link/eaminux

⤵️

Need assistance customizing your template?

Reach out to me 👉 hello@grabui.com

⤵️

Disclaimer:

This template is available exclusively for Framer and Figma; it is not compatible with HTML or WordPress. Refunds are not offered. Please get in touch with us with any questions before you purchase.

5a:[["$","$L5d",null,{"post":{"id":"019ddd1b-2475-774a-be30-d7b53fd02b0d","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"09a1594f-c142-46f7-9d20-4cc00ef2d4eb","name":"Grabui Library","slug":"grabuilibrary","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29242/avatar-qgiTW7npIyXxR2L8zzB0PQJF0hTYyw.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"62506","resolved":true,"title":"Struqx","body":"$5e","bodyJson":null,"introduction":"Product Designer Portfolio","slug":"struqx","author":{"framerUserId":"09a1594f-c142-46f7-9d20-4cc00ef2d4eb","name":"Grabui Library","slug":"grabuilibrary","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/29242/avatar-qgiTW7npIyXxR2L8zzB0PQJF0hTYyw.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/62506/struqx-8a3xhu7beo24glYfppa4FtBCmtJR0A","metadata":{"tint":{"h":0,"s":50,"l":6},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/62506/struqx-PA2UYSB34wMhosRNvDuNdIqQ5CBDx5","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/62506/struqx-WypjL4g2cxgDzmSGm5waQW7gi45vWK","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/62506/struqx-uE2YNT5eVVzuvduHsz0IQarIRDobIS","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-14T14:53:51.410Z","updatedAt":"2026-05-18T11:08:25.341Z","publishedAt":"2026-04-30T06:37:16.789Z","featuredAt":null,"approvedAt":"2026-06-01T14:46:12.987Z","type":"template","attributes":{"price":"69","paymentUrl":"https://buy.grabui.com/checkout/strux","remixUrl":null,"previewUrl":"https://strux.framer.website/","categories":[{"id":16,"name":"Personal","slug":"personal"},{"id":19,"name":"Portfolio","slug":"portfolio"}],"styles":[{"id":247,"name":"Professional","slug":"professional"},{"id":109,"name":"Modern","slug":"modern"},{"id":110,"name":"Animated","slug":"animated"},{"id":111,"name":"Minimal","slug":"minimal"}],"mainCategory":{"id":268,"name":"Designers","slug":"designers"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":9,"name":"Overlays & Modals","slug":"overlays-modals"},{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":23,"name":"Rich Media","slug":"rich-media"},{"id":30,"name":"Forms","slug":"forms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":37,"name":"Code Components","slug":"code-components"},{"id":41,"name":"Vector Sets","slug":"vector-sets"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":26,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-04-30T06:37:16.789Z","updatedAt":"2026-04-30T06:37:16.789Z","reported":false}}],"$L5f"]

Suggested for you