Portfolik – Astro Designer Portfolio Template for Product & UI/UX Designers

Share

Facebook Twitter Pinterest

Portfolik is a premium Astro designer portfolio template for product designers, UI/UX designers and design consultants who want a focused personal site that turns visitors into clients. A compact, centered layout introduces you with a profile photo and headline, then moves through client logos, an about section with key stats, case studies, services, testimonials, pricing, FAQ and a contact form.

Projects and page content are managed in the EmDash CMS, and the whole site deploys to Cloudflare’s free plan.

Why Choose the Portfolik Astro Designer Portfolio Template?

Hiring managers and clients scan portfolios quickly. Portfolik keeps everything in one tidy column, so your story, results and work are easy to follow, with an availability badge and a book-a-call button always close at hand. Astro delivers each page as fast static HTML, which helps with Core Web Vitals, search visibility and first impressions on mobile.

Want a different style? Try the editorial Aplat or the minimal Portfolica, or explore all of our portfolio templates.

Pages Included

• Home: profile hero with availability badge, client logos, about section with stats and a CV download link, case studies, four services, testimonials, two pricing plans, FAQ and contact form
• Projects: a grid of every case study with its category
• Project Detail Pages: category, timeline, overview, a preview link and image-led case study sections
• Privacy Policy and Terms & Conditions: legal pages ready to edit
• 404: a simple branded error page

Key Features

Profile-First Hero

Lead with your photo, name and role, a headline about the value you create and two clear calls to action: book a free call or see your projects.

Case Studies That Show Your Process

Every project page includes a category, timeline, short summary, a preview button and room for ideation, process and final visuals. Add new case studies in the CMS and they appear across the site.

Services, Pricing and FAQ

Four service cards, two pricing plans and a short FAQ answer common questions before clients get in touch, which saves time on discovery calls.

Live Local Time and Social Links

The header shows your local time and city next to quick links to X, LinkedIn, Dribbble and Behance.

Fast, Responsive and SEO Ready

• Lightweight Astro pages for fast loading
• Semantic heading structure on every page
• Editable meta titles, descriptions and Open Graph tags
• Fully responsive on desktop, tablet and mobile
• Clean Inter Display typography with generous spacing

One-Command Cloudflare Deploy

Publish Portfolik on Cloudflare Workers with a single command and keep hosting costs at zero on Cloudflare’s free plan.

Who Is This Template For?

Portfolik works well for product designers, UI/UX designers, design strategists, web designers, freelancers, consultants and recent graduates building a personal brand.

Tech Stack

• Astro 7
• TypeScript
• Tailwind CSS v4
• EmDash CMS
• Cloudflare Workers deployment
• Node.js 22.16+

Frequently Asked Questions

Can visitors download my CV?

Yes. The about section includes a Download CV link. Point it to your own PDF and recruiters can grab your résumé in one click.

Do I need to know how to code?

No. Case studies, services, testimonials and page text are edited in the EmDash admin panel. The included documentation explains installation and deployment step by step.

How many case studies can I add?

As many as you like. Each project you add in the CMS gets its own detail page and appears on the projects grid.

How much does hosting cost?

Portfolik runs on Cloudflare Workers, and most personal portfolios fit comfortably within Cloudflare’s free plan.

Can I use Portfolik for a client project?

Yes. You can build a portfolio for yourself or for a client. Please see the license terms for full details.

Changelog

v1.0.0 (November 14, 2026): Initial release.