Build Your Online Portfolio Website – Task 

Introduction

Having an online portfolio is one of the best ways to stand out as a Virtual Assistant. It’s your digital home — a place where clients can quickly see who you are, what you can do, and the quality of your work. In this task, you’ll build your very first portfolio website using free and beginner-friendly tools.

Objective of This Task

The goal of this project is to create a functional personal portfolio site where you can showcase your story, services, and outputs from your mock-up projects. By doing this, you will also gain hands-on experience with website builders that clients often use.

What You Will Gain

• Experience creating and customizing a website using free tools.

• Practice applying your personal brand guideline (colors, fonts, logo).

• A professional portfolio website you can send to potential clients.

• A chance to display your mock-up project tasks as portfolio samples.

• More confidence presenting yourself as a ready-to-hire VA.

Website Design Task

1. Choose Your Website Builder

Pick from: Google Sites, Canva, Jimdo, Site123, or WordPress (free plan).

👉 For beginners, Google Sites or Canva Websites are the easiest to start with.

2. Set Up the Essential Pages

Home Page: Sample here

• Short introduction: who you are and what you do.

• Headline (e.g., “Helping businesses grow with design, content, and strategy.”)

• A professional photo or banner image that reflects your branding.

About Page: Sample here

• Tell your story: how you started your VA journey.

• Highlight your strengths (skills, certifications, or relevant experiences).

• Keep the tone friendly and approachable.

Services Page: Sample here

• List the services you can offer (e.g., Social Media Management, Graphic Design, Data Entry).

• For each service, write a short description + how you can help clients.

• Use bullet points for clarity.

Projects/Portfolio Page: Sample here

• Showcase your Mock-Up Projects (from Step 3).

• Add screenshots/images of your outputs.

• Write a short description under each project:

• Task (client-style brief).

• Process (tools used, how you approached it).

What you learned from the task.

• Clients want to see not just the design, but also your thought process.

Contact Page

• Add a simple form (most builders have built-in forms).

• Include email address, social media links, or a Calendly link if available.

• Example CTA: “Let’s work together! Get in touch with me here.”

3. Polish with Branding

• Apply your chosen colors, fonts, and logo across all pages.

• Keep the design simple and consistent.

• Make sure text is easy to read (avoid clutter).

4. Publish and Share

• Publish your site using the free domain (ex: yourname.sites.google.com).

• Save the link.

• Add it to your CV, job application, and LinkedIn/Upwork profile.

✅ Expected Deliverables

• A functional personal portfolio website with at least 5 pages: Home, About, Services, Projects, and Contact.

• A Projects Page that includes the outputs from your mock-up tasks, properly labeled with short descriptions.

🌟 Outcome of This Task

• By the end, you will have achieved two things at once:

• Created a sample website — practicing your website-building skills using free tools.

• Built your own online portfolio — a professional space that shows your work, your services, and your value to potential clients.

Client Website Design Task

Note: This are AI generated samples only

Client Name: Sage & Honey Café

Business Type: Specialty Coffee & Pastries Café

Location: Quezon City, Philippines

Website Goal:

The café wants a one-page website to showcase their brand story, menu, and contact info. They also want to encourage customers to visit their shop and order via GrabFood.

Objective of This Task

The goal of this project is to create a functional personal portfolio site where you can showcase your story, services, and outputs from your mock-up projects. By doing this, you will also gain hands-on experience with website builders that clients often use.

What You Will Gain

• Experience creating and customizing a website using free tools.

• Practice applying your personal brand guideline (colors, fonts, logo).

• A professional portfolio website you can send to potential clients.

• A chance to display your mock-up project tasks as portfolio samples.

• More confidence presenting yourself as a ready-to-hire VA.

Website Sections Needed

Hero Section

• Café name + tagline: “Brewing Moments, One Cup at a Time”

• Background image: cozy café or coffee art

• Button: “See Our Menu”

About Section

• Short story about Sage & Honey Café (founded by two sisters, passionate about coffee and baking)

• Photo of café interior or coffee-making process

Menu Section

• Categories: Coffee, Pastries, Combos

• Showcase 6–8 bestsellers with photos

• Button: “Order on GrabFood”

• Testimonials Section (Optional)

• 2–3 sample customer reviews

Contact Section

• Café address (with Google Map embed link)

• Phone number

• Social links (Facebook, Instagram, TikTok)

📂 Deliverables (Practice Task)

• Create a one-page mockup website (Canva, Figma, WordPress, Wix, or Squarespace).

• Use stock images/videos (Unsplash, Pexels, Canva free media).

• Write short sample copy for each section.

• Bonus: Create a simple blog post (e.g., “5 Tips to Enjoy Your Coffee Like a Barista”) and upload it under a Blog section.

Note: If you’d like to receive feedback, send your output to: zharmaine.culianan.yfj@gmail.com with the subject "Niche name + Brand name" (Sample: Social Media Manager Task - Sage & Honey Café)