Project Background
WIC Café needs a website to adapt to post-COVID changes in customer behaviour. The café experienced a 60% sales drop due to restrictions and social distancing, and seeks an online ordering and delivery channel.
References: denbisco.com · noccoffeeco.com
2,875
Cups/week (pre-COVID)
60%
Sales drop (COVID)
4
Web pages
6+
Test users needed
Your Tasks
1
Analyse Business Requirements, Problems & Goals
To Do
Problems to Address
- Decline in customer numbers
- Strict social distancing regulations
- No online ordering channel
- Add more as identified…
Business Needs
- A functional business website
- Online ordering capability
- Add more as identified…
Goals
- Increase revenue through new online order & delivery channel
- Maintain customer engagement during restrictions
- Add more as identified…
📝 Document findings with evidence and present to trainer.
2
Select Target Users & Develop 2 Personas
To Do
Target User Groups
- Local community members
- Office staff near the café location
- Tourists and travellers
- Any coffee & food lovers who can order online
Café Demographics (Pre-COVID)
- 10–15 yrs: 5%
- 16–25 yrs: 20%
- 26–35 yrs: 30%
- 36–45 yrs: 30%
- Over 45: 15%
Deliverable
- Create 2 detailed personas with name, age, goals, frustrations, and behaviours
📝 Include persona cards with photos, demographics, and user goals.
3
Develop Wireframe & Digital Prototype
To Do
Website Pages Required (4 pages)
- 🏠 Home
- ℹ️ About Us
- ☕ Products
- 📬 Contact Us
Steps
- Draw wireframes for all 4 pages (hand-drawn or digital)
- Present wireframes to trainer
- Amend design based on trainer feedback (if required)
- Develop a digital interactive prototype
📝 Use tools like Figma, Balsamiq, or Adobe XD. Include screenshots as evidence.
4
Develop a Usability Testing Plan
To Do
Plan Components
- Define testing objectives and success criteria
- Select testing method (e.g. Google Forms survey)
- Identify target participants (at least 6)
- Prepare tasks and questions for testers
- Design data collection format (e.g. spreadsheet/Excel)
Suggested Tool
- Google Forms for collecting feedback
- Export data to Excel for analysis
📝 Reference: Usability Testing Guide (YouTube)
5
Conduct Usability Testing with 6+ Users
To Do
Requirements
- Recruit at least 6 target users to test the prototype
- Distribute the usability testing form (Google Form or similar)
- Collect and record all responses
Deliverable
- Screenshot of responses/results from all 6+ users
- Summary table or chart of feedback data
📝 Gather at minimum 6 feedback responses. Export results as evidence for Task 8.
6
Evaluate Results, Highlight Abnormal Values & Apply Improvements
To Do
Part 1 — Evaluate & Summarise
- Review all feedback data collected in Task 5
- Prepare a written summary of findings
- Identify patterns and trends
Part 2 — Highlight Abnormal Values
- Identify any outlier or unexpected responses
- Discuss possible reasons for abnormal values
Part 3 — Improvements
- List changes/improvements to apply to the prototype
- Get approval from trainer before implementing
- Apply changes and document them
📝 Present before/after comparisons where possible to demonstrate improvements made.
7
Quality Assurance Process & Checklist
To Do
Part 1 — Identify & Develop QA Process
- Define the quality standards for the café website
- Design a QA checklist covering all website pages
Part 2 — QA Checklist Items (example)
- All 4 pages load correctly
- Navigation links work on all pages
- Contact form submits correctly
- Website is responsive on mobile
- Images load properly
- Content is free of spelling errors
- Student name & ID displayed
- QR code is functional
Part 3 — Conduct QA Testing
- Complete the checklist above
- Document any issues found and how they were resolved
📝 Use the checklist above as a starting point and expand it for your specific site.
8
Organise Documentation & Prepare Final Report
To Do
Report Requirements
- Follow a standard report writing format
- Include screenshots and evidence for each task (Tasks 1–7)
- Cover page with student name (Justin) and ID (18979)
- Table of contents
- Sections for each task with findings and evidence
- Conclusion and recommendations
Evidence to Include
- Business analysis notes (Task 1)
- Persona documents (Task 2)
- Wireframe and prototype screenshots (Task 3)
- Usability testing plan & form (Task 4)
- User feedback screenshots and data (Task 5)
- Evaluation summary & improvement notes (Task 6)
- Completed QA checklist (Task 7)
- Live website link & QR code
📝 Ensure the website is responsive and accessible by phone. Include a working QR code linking to your live site.