Quick answer
Choose one target role, select your strongest relevant work, and build a website with project case studies, a short introduction, a résumé and contact links. Aim for three strong projects rather than a large collection; beginner design guidance similarly recommends three to five polished pieces. [3] If only one is finished, publish an honest first version and expand it. A website supports your applications; it does not guarantee interviews or a job.
1. Choose a role before choosing a template
Write one sentence: “I am applying for entry-level [role], and my projects should demonstrate [skills].” Use the requirements in your target vacancies to decide what belongs on the site.
Next, inspect your college folders, club work and personal experiments. Look for something you can explain, improve and share safely—not just something with an impressive title.
| Target role | Suggested project | Evidence to show |
|---|---|---|
| Frontend developer | A college-event registration prototype | Working demo, repository, validation and error states |
| UI/UX designer | A campus library booking concept | User flow, wireframes, prototype and design decisions |
| Content or marketing fresher | A fictional tuition centre’s content campaign | Audience brief, writing samples and channel choices |
| Data analyst | An analysis of public transport data | Dataset source, cleaning steps, queries and limitations |
These are project ideas, not examples of actual client work. Choose a small problem you can finish and explain independently.
2. Turn existing work into credible projects
College assignments: explain your contribution
Classwork is legitimate portfolio material. [4] Select an assignment relevant to your target role, improve its presentation and label it “Academic project”. For group work, name your responsibilities and credit teammates. Show your code, analysis or designs rather than implying you produced the entire submission.
If you extend the assignment after grading, distinguish the original group submission from your independent improvements. Check permission before publishing restricted course materials.
Volunteer work: separate delivery from adoption
A college society poster, an NGO spreadsheet or a neighbourhood reading group’s website can become a case study. Describe the actual request, your unpaid role and what you delivered. Ask permission before showing organisational materials or identifying people.
“Delivered a registration-page prototype” is different from “Launched the organisation’s registration system”. If the work was never used, say so. If you have no volunteer work, skip this category; it is not compulsory.
Self-initiated projects: write a realistic brief
Choose a problem you understand, identify the intended audience, set a deadline and limit the scope. This follows the self-initiated-project approach of starting with meaningful questions and working within practical constraints. [1]
Label the result “Self-initiated concept—not commissioned”. For an existing brand, add “Not affiliated with or endorsed by [brand]”. Sample work should never imply a client relationship that did not exist. [8]
3. Write a case study, not just a project caption
Use this structure for every project. It adapts the problem, decisions, results and proof format recommended for fresher developer portfolios. [6]
- Title and status: State what it is and whether it is academic, volunteer or self-initiated work.
- Problem: Explain who it is for and what you wanted to address. Separate assumptions from observed needs.
- Scope and role: Identify your contribution, collaborators and constraints.
- Process: Show relevant drafts, research, cleaning steps, wireframes or implementation notes.
- Decisions: Explain an important choice and an alternative you rejected.
- Deliverable and proof: Link the sample, repository, prototype or readable output.
- Outcome and limitations: State what works, what remains incomplete and what you would improve.
No business metrics? Describe the completed functionality or deliverable instead. Use measured results only when you can explain the method and provide evidence. Peer feedback is not a customer testimonial; a prototype is not a launched product.
Credit tutorials, datasets, templates and substantial AI assistance. Explain what you changed yourself and what you can confidently discuss in an interview.
4. Copy-and-paste project descriptions
Replace every bracketed field and delete anything that is not true. These are writing templates, not ready-made claims. Add your actual evidence links underneath.
College assignment
[Project name] — Academic project
Created for [course] at [college], this project explored [problem]. I worked [individually/in a team], with responsibility for [specific contribution]. I used [tools] to produce [deliverable]. I chose [approach] because [reason], and addressed [challenge] by [action]. The submitted version demonstrates [observable capability]. It was assessed as coursework, not delivered to a paying client. Evidence: [report/demo/repository]. Limitation: [what remains unresolved].
Volunteer contribution
[Project name] — Volunteer work
I volunteered with [organisation or approved anonymous description] to help with [need]. My role covered [tasks]; [other contributor] handled [other responsibilities]. I delivered [asset or system] using [tools]. Its current status is [draft/handed over/published], and the evidence available is [approved link or redacted sample]. [Describe verified feedback, or omit.] This case study is shared with permission and excludes private participant information.
Self-initiated concept
[Project name] — Self-initiated concept; not commissioned
I created this [prototype/campaign/analysis] to practise [skill] for [intended audience]. My brief was to [goal] within [constraint]. I produced [deliverables] and chose [approach] because [reason]. The work uses [public/synthetic] data from [source or generation method]. It is [a concept/a working demo], not evidence of commercial results. Evidence: [link]. Next, I would validate [assumption] through [appropriate method].
For a brand redesign, add: “This independent study is not affiliated with or endorsed by [brand].”
5. Build the minimum-ready portfolio website
Start with a homepage and separate case-study pages, or a single page with clearly linked project sections. Keep the navigation obvious; visitors should not have to decode an interactive interface to find your work.
- Identity: Your name, target role and city or preferred work location.
- Selected work: Project cards showing the title, project type, your role and a case-study link.
- Evidence: Accessible samples or demos for every included project, with screenshots as a fallback.
- About: Relevant education, interests and skills demonstrated by the work.
- Résumé: A current, readable PDF with matching dates and working links.
- Contact: Visible email plus relevant professional profiles.
- Usability: Readable text, descriptive links, image descriptions and keyboard-accessible navigation.
- Mobile check: Test on your phone and mobile data; compress large images and avoid unnecessary video.
- Access check: Open every link while logged out. Remove permission requests, broken buttons and template placeholders.
Leave out skill-percentage bars, empty testimonial sections, invented client logos and certificates unrelated to the role.
6. An annotated homepage you can adapt
The following is a template for a fresher frontend developer. Replace the role and examples with your own; only list projects you have completed.
| Section | Suggested copy | Why it belongs |
|---|---|---|
| Opening headline | “[Name] — Entry-level frontend developer in [City], India.” | States your identity and direction without inflated seniority. |
| Introduction | “I build [type of interface] using [skills demonstrated below]. Explore my academic and self-initiated projects.” | Connects your skills to evidence and explains the work’s origin. |
| Main links | “View projects” and “Download résumé”. | Provides direct routes to your work and application details. |
| Project card | “Campus event signup — Academic project. My contribution: [specific work]. Read the case study.” | Shows context and ownership before the click. |
| About | “[Degree], [college], [graduation year]. Seeking [role]; available from [date].” | Adds relevant education and availability. |
| Contact | “Contact me about [role] opportunities: [email]. LinkedIn: [profile].” | Makes the next action explicit. |
Repeat a useful next step at the end of each case study: another project, your résumé or contact details. Avoid leaving visitors at a dead end. [13]
7. Make contact easy without oversharing
Offer recruiter-friendly contact options
Use a professional email address as the primary option, displayed as text and a clickable email link. Add LinkedIn and, where relevant, GitHub, a design profile or a writing archive. Keep your name and target role consistent across them.
Include city, remote or relocation preferences, and availability if useful. A public phone number or WhatsApp link is optional—not a requirement. You can provide a number privately when needed. Do not make a recruiter create an account just to view your résumé or samples.
Protect your own and other people’s information
- Remove home addresses, dates of birth, signatures, Aadhaar or PAN details, and unnecessary student identifiers from public files.
- Redact classmates’ names, phone numbers, private messages and participant records.
- Use clearly labelled synthetic data instead of uploading real student or customer records.
- Check screenshots, PDF content and repository files for passwords, API keys and private links.
- Get permission before publishing volunteer materials, recognisable people or restricted group work.
Check what your website collects
If you add a contact form, request only what you need, such as name, email and message. Review your builder, hosting, analytics and embedded tools for data collection.
For sites collecting visitor information, add an accurate privacy notice explaining your practices and contact details. Termly’s portfolio guidance highlights privacy policies for sites collecting personal data. [11] Adapt any generator output to your actual setup; seek India-specific advice if unsure about your obligations.
8. DIY templates or a done-for-you build?
Both routes can present the same evidence. The choice is how much website work you want to handle yourself. Published cost comparisons distinguish DIY coding, website builders and freelancer builds, but their figures should not replace a current quote for your scope. [10]
| Decision | DIY template | Done-for-you build |
|---|---|---|
| Suitable when | You want direct control and can handle setup and testing. | You want help with structure, design or implementation. |
| Your responsibility | Supply evidence, write copy, build and maintain the site. | Supply evidence, verify claims and approve the finished site. |
| Budget checks | Check plan limits, hosting, domain and renewal costs. | Request an itemised build quote plus recurring and update costs. |
| Future changes | Check how easily you can add another case study. | Agree editing access, handover and support terms before payment. |
| Main risk | Spending more effort on decoration than project quality. | Receiving a polished site without stronger underlying evidence. |
For an Indian quote, request the total in INR, applicable taxes, revision scope and recurring charges separately. Confirm ownership and access to the domain, hosting account and content, plus the process for moving elsewhere.
PaidPortfolio builds template and custom portfolio websites for Indian professionals. Explore its templates or a custom portfolio if you want build support—but finish your project evidence first. If someone builds your developer portfolio, do not present their implementation as your own coding work.
9. Publish, test and use it
- Choose your strongest project and write its case study before adjusting the website design.
- Add the remaining work, résumé and contact details.
- Ask a friend to identify your target role, your contribution and your email without guidance.
- Fix access problems, unclear wording and mobile layouts.
- Add the portfolio link to your résumé, LinkedIn and relevant applications while following each application’s instructions.
Your goal is a small, honest collection of work you can explain—not the appearance of experience you do not have.