Build a Portfolio Site Using Carrd in 5 Steps

Carrd offers the quickest way to launch a one-page portfolio site without the hassle of WordPress or Webflow. You sign up, choose a template, edit text and images, connect a domain, and publish — all in less than an hour. The free tier suffices for most solopreneurs, but the Pro plan ($19/year) adds custom domains and form submissions.

Photo: Water Journal on Unsplash

Who this is for: Solo founders and indie hackers who need a live portfolio or landing page today, not next week. You want something fast, mobile-friendly, and free from CSS debugging at 2 AM. Spending more than an hour on a portfolio site? You're likely procrastinating on shipping the actual product.

Step 1: Sign Up and Choose the Right Template

Head over to Carrd.co and create an account. You'll find yourself on a dashboard with dozens of templates. Ignore the flashy ones with parallax scrolling — they add unnecessary weight and rarely convert better. Choose a single-column layout with clear sections: intro, work samples, contact.

Consider the Profile or Launch templates for portfolios. They're text-focused, mobile-responsive, and don't rely on custom fonts that hinder load times. Carrd's templates are structured on a 12-column grid, ensuring that any changes align automatically.

With the free tier, you get three sites. That's enough for a portfolio, a landing page, and a test project. The Pro plan is only necessary for custom domains or handling more than 100 monthly form submissions.

Here's the thing nobody mentions: Carrd's templates adapt to mobile, but it's wise to preview them on actual devices before publishing. The desktop preview might not display how touch targets behave on iOS Safari, and you could miss elements that are too small to tap.

Step 2: Replace Template Content with Your Own

Photo: abdul rahim rangrez on Unsplash

Click any text block to edit inline. Carrd's editor is straightforward: type, format with the toolbar, and move on. Add your name, a one-liner bio, and links to your shipped products or GitHub repos.

Worth noting for work samples, you can use Carrd's Gallery or Grid container. Upload screenshots (preferably in WebP format — smaller file size, same quality). Each image can link to a live demo or case study. If you're a developer, link directly to deployed apps, not GitHub readmes. Who really scrolls through code to understand what you built?

Image optimization matters. Carrd compresses uploads automatically, but resize images to max 1920px wide before uploading. A 4K screenshot of your SaaS dashboard is overkill. Use TinyPNG or Squoosh to compress.

For contact, add an email link or embed a form. Carrd's form builder is basic but functional: name, email, message. Free tier forms send to your email. Pro users can integrate with Mailchimp, ConvertKit, or Google Sheets (as per Carrd's official documentation, 2025).

Code snippet example for embedding a custom email link with a pre-filled subject:

<a href="mailto:you@domain.com?subject=Portfolio Inquiry">Email me</a>

Carrd allows adding custom HTML embeds via the Elements menu. Use this for analytics scripts, custom tracking, or unsupported features.

Step 3: Configure SEO and Meta Tags

Click the settings icon (top-right) and open SEO/Sharing. Fill out:

• Page Title: Your name + what you do. Example: "Jane Doe – Full-Stack Developer & Indie Hacker"
• Meta Description: 120–155 characters summarizing your work. This appears in Google search results.
• Social Image: Upload a 1200x630px preview image for sharing on Twitter or LinkedIn.

Carrd generates clean HTML with a proper heading hierarchy (<h1>, <h2>), which aids search ranking. It doesn't, however, include schema markup for portfolio items or structured data. If rich snippets matter, inject JSON-LD through a custom HTML embed.

Example schema for a person:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Person",
  "name": "Jane Doe",
  "url": "https://janedoe.com",
  "jobTitle": "Full-Stack Developer",
  "sameAs": ["https://twitter.com/janedoe", "https://github.com/janedoe"]
}
</script>

Paste it into a custom HTML element at the page's end. Google will parse it, potentially showing enhanced results.

Carrd sites load quickly by default — First Contentful Paint under a second on mobile, according to informal PageSpeed Insights tests. Avoid ten different tracking scripts or heavy custom fonts. Each third-party resource adds latency.

Step 4: Connect a Custom Domain or Use the Free Subdomain

Carrd provides a free subdomain: yourname.carrd.co. It works, but it signals "I didn't pay for a domain." For serious visibility, purchase a domain and connect it to Carrd.

Carrd Pro ($19/year) supports custom domains. Configure DNS records with your registrar (Namecheap, Cloudflare, etc.). Carrd's docs guide you: add an A record pointing to Carrd's IP (216.239.32.21) and a CNAME for www. Changes take 10 minutes to 2 hours to propagate.

If you're using Cloudflare: Enable "Proxy" mode on the A record. This provides free SSL and caching, accelerating your site globally. Carrd doesn't offer a CDN on the free tier, so Cloudflare becomes a handy addition.

What nobody tells you: Carrd's SSL certificate (included with Pro) only works if DNS is configured correctly. Skipping the www CNAME or misconfiguring records leads to a "Not Secure" warning in Chrome. Test both yourdomain.com and www.yourdomain.com before sharing.

Step 5: Publish and Test on Real Devices

Click Publish in the top-right corner. Carrd pushes changes live instantly — no build step or deployment wait. Your site goes live at the URL you configured.

Before sharing:

• Open the site on your phone (both iOS and Android if possible). Ensure buttons are tappable, images load, and text is readable without zooming.
• Run it through Google's Mobile-Friendly Test to catch responsive issues.
• Check load speed with PageSpeed Insights. Aim for a score above 90 on mobile. If it's slower, remove custom scripts or reduce image sizes.

Carrd lacks built-in analytics. Add Google Analytics (GA4) or Plausible via a custom HTML embed. Plausible is lighter and privacy-friendly — it doesn't slow your site or bug visitors with cookie banners.

Analytics embed example (Plausible):

<script defer data-domain="yourdomain.com" src="https://plausible.io/js/script.js"></script>

Insert it in a custom HTML element. Plausible's script is 1.4KB (minified and gzipped), so it won't impact load time.

Common Mistakes and What Nobody Tells You

1. Treating Carrd like a multi-page website. Carrd is designed for single-page sites. If you need separate pages for blogs, case studies, or documentation, consider Ghost, Webflow, or a static site generator. Carrd's "multiple sites" feature doesn't connect them — each is standalone.

2. Over-designing the layout. Carrd's simplicity is an asset. Founders often waste hours adjusting margins, font sizes, and shadows. Your portfolio's purpose is to display work and facilitate contact. If visitors can't find your email or GitHub link in five seconds, your design didn't succeed.

3. Ignoring form spam on the free tier. Carrd's free forms lack spam protection. If you publish your email via a form, expect bot submissions within 24 hours. Upgrade to Pro and enable reCAPTCHA, or use a third-party form like Tally or Typeform and embed it.

4. Not testing the site after DNS changes. DNS propagation isn't immediate. Your domain might work for you, but others might see a 404. Wait at least an hour after configuring DNS before publicly sharing the link. Verify propagation with DNS Checker.

5. Skipping image alt text. Carrd allows alt text for images under the image settings panel. Many leave it blank. Alt text assists visually impaired users and boosts SEO. Write a brief description of the image: "Screenshot of the dashboard showing revenue graphs."

FAQ

Can I use Carrd for a landing page with lead capture?

Yes. Carrd Pro includes form integrations with tools like Mailchimp, ConvertKit, and Zapier. You can capture emails, names, and custom fields. The free tier sends form submissions to your email, which is fine for low-traffic portfolios but not scalable for lead gen.

Does Carrd support e-commerce or payment processing?

No. Carrd lacks built-in payment or product management. You can embed a Gumroad widget or a Stripe payment link, but for selling products, use Shopify, Gumroad, or a dedicated e-commerce builder. Carrd is for landing pages and portfolios, not storefronts.

How do I add a blog to my Carrd site?

You don't. Carrd doesn't support dynamic content or blogs. For a blog, consider Ghost, Substack, or a static site generator like Hugo or Eleventy. You can link to your blog from your Carrd portfolio, but the blog itself resides elsewhere.

Can I migrate from Carrd to another platform later?

Carrd doesn't offer HTML export or a migration tool. If you outgrow it, you'll manually rebuild on the new platform. This is manageable for a one-page portfolio — it takes about 30 minutes to transfer text and images. However, for complex sites with many pages, start with Webflow or a static site generator.

Conclusion

Carrd is the fastest way to ship a portfolio site when going solo. You don't need the complexity of Webflow or the maintenance of WordPress. Sign up, pick a template, edit content, connect a domain, and publish. The whole process takes under an hour if you don't overthink it.

Next step: Go to Carrd.co, sign up, and pick a template. Set a 30-minute timer and build the first version. Don't optimize or redesign — just ship it. The goal is to get a live URL you can share today. For additional tools to enhance your productivity, check out our article on the Best Keyword Research Tools for Indie Hackers.

---

Editorial note: This article was produced with AI assistance and reviewed by Javier Valencia. Verified facts are distinguished from editorial opinion throughout the text. External sources linked are independent of NewsTide.