Public portfolio page tutorial
A week 3 tutorial for standardize delivery through one inspectable output.
When this is the right output
Use this after you have small outputs and feedback and need inspectable proof.
Prepare before you start
- Delivery and feedback records from the first two weeks
- One repeated or costly step
- One quote, process, or boundary to clarify
Public case breakdown
What a Framer AI SaaS template teaches about proof pages
Framer templates like Taskzen show that an early AI product or service can look credible with a clear hero, feature blocks, responsive layout, and focused CTA.
Source
Taskzen Framer Marketplace templateAI SaaS startup landing page described as clean, responsive, SEO-optimized, and conversion-focused
Useful structure
One claim
The hero communicates one core result.
A few proof blocks
Features, cases, screenshots, or samples prove delivery ability.
One conversion path
CTAs route to pilot application or booking.
What to copy for proof-of-work
You do not need a full website
A page that shows sample and feedback is enough to start.
Design supports trust
Clean hierarchy beats flashy motion.
Make it shareable
A stranger should understand what you do within 30 seconds.
Your proof page needs
One result sentence
Who you help and what result you create.
One sample
Real or simulated, but inspectable.
One next step
Booking, form, or pilot request.
Do not make the Framer page a portfolio. It should create the next conversation.
Build the first version
Find repeated actions
Review the first two weeks and find the most repeated, costly, or standardizable step.
Write the checklist
Document inputs, process, review rules, and delivery boundary.
Improve one step
Optimize the one step that most affects delivery before expanding scope.
Update the entry
Put the new boundary back into the page, quote, form, or delivery note.
Copy-ready templates
SOP opening
To make delivery repeatable, this process only turns [input] into [output] and does not cover [out-of-scope item] yet.
Boundary note
The client provides [material], I deliver [result], and human review is required at [review point].
How to decide the next step
Continue when
- One stranger inquiry or five saves
- People can explain what you do after seeing it
- You know which case has the strongest signal
Change direction when
- The process cannot be written as a checklist.
- There is no repeated-step evidence before automation.
- The scope keeps expanding and pricing gets harder to explain.
Tool choices for this output
Framer: lightweight sites and templates
Use: Publish the portfolio page
Alternative: Notion
Open toolWebflow: landing page builder
Use: Upgrade later into a fuller service page
Alternative: Carrd
Open toolTally: forms and surveys
Use: Add feedback entry to the portfolio
Alternative: Google Forms
Open toolReturn to the result after you finish this output
In week three, turn three small cases into a portfolio page strangers can inspect.