Sample designs · replace the fictional content with your own.
AI ChatWorkflow example
Your work
You
Help me show what I actually did in these portfolio projects.
AI · example response
Send the brief, your role and the finished images. I can turn the notes into a short project description and place it beside the work. I will use results only if you supply them.
Add a real project
Project and brief
Name the client or project and explain the problem you were asked to solve.
Your contribution
Explain what you delivered and add the images or screens showing that work.
Result
Show the completed work. Add a business result if you can support it; otherwise describe what was delivered.
Next: read the project description beside your own images.
Illustrative conversation, not a live AI session.
01 / Your work
What does the work need to explain?
Each project should show the finished work and briefly say what you did. Add the client or project name, your role and a few images of the result. A potential client can then see whether your experience fits the work they need.
Image-led work
Give the work room, then credit authorship and collaborators clearly.
Digital and mixed work
Show the relevant screens, constraints and contribution rather than a mockup alone.
02 / Portfolio designs
Which layout gives your projects the right space?
Choose Offset for bold graphic work, Primefolio for project cards and detail windows, Forma Studio for an editorial presentation, or Verdan for photography and environmental design. Open the full preview and imagine your own work in its image spaces.
Offset
Large typography and graphic project artwork, with work, services and approach.
Current download inspected on 2 October 2026. Confirm the selected files on the product page.
index.html
RECREATE.md
assets/courtyard.png
assets/forest.png
assets/meadow.png
assets/workspace.png
Some resources may load from external URLs. Review the selected project before publishing.
Sample designs · replace the fictional content with your own.
AI ChatWorkflow example
Project story
You
Turn these notes and images from my project into a short portfolio case.
AI · example response
Send the brief, your role and the finished images. I can turn the notes into a short project description and place it beside the work. I will use results only if you supply them.
Add a real project
Project and brief
Name the client or project and explain the problem you were asked to solve.
Your contribution
Explain what you delivered and add the images or screens showing that work.
Result
Show the completed work. Add a business result if you can support it; otherwise describe what was delivered.
Next: read the project description beside your own images.
Illustrative conversation, not a live AI session.
03 / Project story
What should a visitor learn behind the image?
Tell them who the project was for, what you were asked to do and which part you delivered. You can give AI a few notes and ask it to turn them into a short case description. Add measured results only when you have them; finished work is useful evidence on its own.
01
Project and brief
Name the client or project and explain the problem you were asked to solve.
02
Your contribution
Explain what you delivered and add the images or screens showing that work.
03
Result
Show the completed work. Add a business result if you can support it; otherwise describe what was delivered.
See the source files and technical details
What the Serein case actually contains
02-primefolio/ script: projects.serein
The supplied case contains name, discipline, introduction, design question and direction. It does not supply a real client, your role, project scope, process evidence or measured outcome. Add those where you can substantiate them.
serein:{name:'Serein',type:'Brand identity / Packaging',intro:'An everyday ritual, given a quieter identity.',question:'How could an everyday care ritual feel considered without relying on ornate packaging or a loud visual language?',direction:'Warm paper, a compact wordmark and a controlled orange accent carry the idea across labels and stationery. The study explores a family of objects that belong together without making every surface identical.'}
Primefolio
Original supplied English source; fictional sample content. Open the whole page to inspect the sequence and controls.Open full preview ↗
AI ChatWorkflow example
Images that fit
You
Show the whole poster in this portfolio instead of cropping its title.
AI · example response
Point me to the image files and say which detail must stay visible. I can adjust the frame ratio and crop, then show phone and desktop previews for you to check.
Fit your images to the layout
Add the images
Place the images in the project folder and identify the files for AI.
Specify the crop
Say whether the whole image or a selected detail should be visible.
View two sizes
Check the frames on phone and desktop before publishing.
Next: confirm the important detail remains visible in both layouts.
Illustrative conversation, not a live AI session.
04 / Images that fit
Will my own images work in the layout?
You can adapt the image frames to your work. Give AI the original files and specify what must stay visible: the whole poster, the interface text or a product detail. Ask it to change the crop or image proportions, then check the result on phone and desktop.
Checked locally on this device; nothing is submitted.
Offset: the actual wide and tall image test
Prepared source copy: first two project images replaced with local 3:1 and 1:3 SVGs. The original CSS and customer ZIP are unchanged.Open full preview ↗
Actual prepared Offset image-fit state, desktop Chrome 1118×958. Red top marker and dark bottom label reveal crop.
AI ChatWorkflow example
Client enquiry
You
Add a project enquiry form with a brief, timing and reply address.
AI · example response
Choose email, a form-receiving service or a booking link. I can connect that destination and help check a test submission. A message shown in the browser is not proof it arrived.
Connect enquiries to your inbox
Choose the destination
Use your email address, a form-receiving service or your booking link.
Ask AI to connect it
Give it the destination and ask for the button or form to be connected. Private credentials stay in the authorised tool setup, not the public HTML.
Send a test
Confirm the message arrives or the booking appears in your service, not only as a success message on the page.
Next: check the test message or booking inside your receiving service.
Illustrative conversation, not a live AI session.
05 / Client enquiry
What should a client know before contacting you?
They need to know which services you offer and what to send you: a project description, approximate timing and their contact details. Add that instruction beside a working email or form. For direct messages, ask AI to connect the form to your chosen receiving service.
Choose the destination
Use your email address, a form-receiving service or your booking link.
Ask AI to connect it
Give it the destination and ask for the button or form to be connected. Private credentials stay in the authorised tool setup, not the public HTML.
Send a test
Confirm the message arrives or the booking appears in your service, not only as a success message on the page.
AI ChatWorkflow example
Keep it current
You
Add this new project to my portfolio with its images and my role. Keep the same style.
AI · example response
Send the brief, your role and the finished images. I can turn the notes into a short project description and place it beside the work. I will use results only if you supply them.
Add a real project
Project and brief
Name the client or project and explain the problem you were asked to solve.
Your contribution
Explain what you delivered and add the images or screens showing that work.
Result
Show the completed work. Add a business result if you can support it; otherwise describe what was delivered.
Next: read the project description beside your own images.
Illustrative conversation, not a live AI session.
06 / Keep it current
Can I update the portfolio with my AI?
Yes. Add the new project images and a short description to your current folder, then ask AI to create a project card and details in the same style. Preview the new project and republish the files. You can add work whenever you finish it.
See the prepared template example
›_ AI editing exampleFormwell
You
Replace the sample studio introduction and services with my approved portfolio content. Keep the current layout.
AI · example response
The prepared Formwell example updates the studio copy. Adding your actual cases also needs their images, detail references and review.
Prepared conversation and project versions. No live AI connection.
07 / Choose with context
What should I check before choosing?
Check how your images fit, whether each project has enough space for its story, and how a client contacts you. Inspect the original previews and files below. If you want a separate URL for each case study, ask AI to add project pages to your chosen template.
Can I keep the sample projects?⌃
Use the layout, but replace fictional projects with work you actually did. Give AI your images and project notes. It can update the cards and descriptions without you designing the portfolio again.
Do details have separate URLs?⌃
Not when the template uses local detail windows. For shareable project URLs, ask AI to create separate HTML pages and link each portfolio card to its page. Check the selected preview to see which arrangement it currently uses.
Are hosting and a domain included?⌃
No. Use your own hosting and domain. Ask an authorised AI agent to deploy the completed folder to Cloudflare or Vercel, or ask hosting support or an IT person to upload its full ZIP.
OneDollarStock is implementing a project to prepare the platform for entry into the German market under the “Go Global” acceleration track of the “Unicorn Hub Startup Booster” programme, project no. FENG.02.28-IP.02-0013/23. The project is co-financed by the European Funds for Smart Economy 2021–2027 under the priority “Innovation-friendly environment”, Measure FENG.2.28 Startup Booster Poland.
Learn more about the project →
