How to build a simple personal website or portfolio
Building a simple personal website or portfolio is a great way to show your work, practice digital skills, and make it easy for people to contact you. This guide walks you through the process in clear, small steps so you can finish a basic site in a weekend. Keep it simple, pick one or two favorite projects, and update it often as you improve.
Step 1: Decide your goal and audience
Pick one main purpose: show school projects, land a part-time job, or share a hobby. Identify 1–3 target visitors (e.g., teachers, employers, friends) so you can choose tone, images, and which projects to feature. Knowing the goal saves time and keeps the site focused.
[Illustration: young person thinking with sticky notes labeling goals and audience]
Step 2: Choose a platform
Select an easy way to build your site: a site builder (1–2 hours learning) or simple HTML/CSS (4–8 hours). For fastest results pick a builder that offers free plans and templates; for more control pick a static site generator or code from scratch. Consider cost, learning time, and hosting options.
[Illustration: computer screen showing website templates and coding editor side by side]
Step 3: Pick a layout and palette
Sketch a one-page layout on paper in 10–20 minutes: header, about, projects (2–6 items), contact. Choose 2–3 colors and 1–2 fonts for visual consistency. A simple grid and clear headings makes content easier to read and faster to build.
[Illustration: hand-drawn wireframe of a single web page with color swatches and font samples]
Step 4: Write concise content
Draft short text for each section: a 20–40 word intro sentence, 2–3 project descriptions of 30–60 words each, and a 1–2 line contact instruction. Use active verbs and include one measurable result per project when possible (e.g., improved grades, views, or time saved). Clear content helps visitors understand you in under 30 seconds.
[Illustration: person typing on laptop with sticky notes showing short sentences and bullet points]
Step 5: Prepare images and files
Collect 3–8 images: a profile photo (600×600 px), project screenshots (800–1200 px), and optional PDF resume under 500 KB. Optimize images by resizing and compressing to keep load time under 3 seconds. Well-sized assets make the site feel professional and fast.
[Illustration: folder with labeled image files and a progress bar showing optimization]
Step 6: Build the site
Use your chosen platform to assemble pages: add header with name, about section, project blocks, and contact form or email link. Spend 2–4 hours assembling and another 30–60 minutes tweaking spacing and mobile layout. Preview on phone and desktop to ensure readability and functioning links.
[Illustration: person dragging and dropping content blocks on a website builder with phone preview]
Step 7: Publish and share
Choose a domain (free subdomain or buy one around $10–15/year) and publish your site. Test all links and contact method, then share with 5–10 friends or mentors for feedback. Update content every 1–3 months to reflect new projects and learning.
[Illustration: mouse clicking publish with a browser showing a live website and share icons]
- Keep the homepage scannable: use one main headline and 3–5 bullets.
- Limit fonts to two and text sizes to three levels for clarity.
- Use descriptive file names like project-name-1.png for accessibility and organization.
- Include one clear call-to-action: contact, download resume, or view projects.
- Save a copy of your site files or export a backup every month.
- Use free analytics to see which pages get views and adjust content accordingly.
- Keep your resume as a downloadable PDF under 300 KB for quick loading
- Avoid overloading the page with more than 8 projects or heavy videos that slow loading.
- Do not post personal data like your home address or full birthdate; use business email instead.
- Be careful with copyrighted images—use your own photos or licensed/royalty-free assets only.
- Remember that public links can be seen by potential employers; proofread and remove anything unprofessional
Was this guide helpful?
More Youth guides
How to deal with cyberbullying and report it on social media
Cyberbullying can feel scary, but you don’t have to handle it alone. This guide gives clear, practical steps to protect yourself, gather evidence, and report harassment on social media in a safe way.
How to make a beginner-friendly zine or mini-magazine for school
Making a zine is a fun, low-cost way to share ideas, art, or stories at school. In a few hours and with basic supplies, you can create a mini-magazine that looks great and reflects your voice. Follow these steps to plan, design, print, and assemble a beginner-friendly zine.
How to make and follow a realistic sleep schedule for better focus
Getting better sleep can make school, hobbies, and mood easier to manage. This guide helps you build a realistic sleep schedule you can actually stick to, so your focus improves during the day. Start small, be consistent, and adjust with concrete steps.