Shamita's Portfolio

About Me Quiz!

An accessible, interactive website designed to help my friends and family find out how well they really know me!

Research

Product Design

Coding

Accessibility

Coding

Accessibility

Role

UX Designer, Front-End Developer

Timeline

5 weeks

Team

Individual project

Tools/Skills

Branding, HTML/CSS, Javascript, Accessibility audit

Role

UX Designer, Front-End Developer

Timeline

5 weeks

Team

Individual project

Tools/Skills

Branding, HTML/CSS, Javascript, Accessibility audit

Summary

An accessible, interactive website designed to help my friends and family find out how well they really know me! Built with HTML, CSS, and vanilla JavaScript, the site includes a quiz, a favourites page, and a home page designed in Figma.

I implemented responsive layouts with media queries, ensured accessibility through color contrast checks, and added interactivity such as score calculation, dynamic content, and downloadable scorecards using html-to-canvas.

View the website

Website

Github Repo

Features

Interactive quiz with instant feedback and shareable score

Responsive favourites page showcasing my interests

Accessible and user-friendly design for all devices

Highlights

Dynamic UI Features
Integrated html2canvas to let users download their quiz scorecards, combining accessibility with interactivity.

Accessible Aesthetic
Balanced personal branding with usability through high-contrast color palettes, modern typography, and responsive cards.

Reflection
This project strengthened my understanding of inclusive design, showing that accessibility and aesthetics can coexist when guided by thoughtful testing and iteration.

Dynamic UI Features
Integrated html2canvas to let users download their quiz scorecards, combining accessibility with interactivity.

Accessible Aesthetic
Balanced personal branding with usability through high-contrast color palettes, modern typography, and responsive cards.

Reflection
This project strengthened my understanding of inclusive design, showing that accessibility and aesthetics can coexist when guided by thoughtful testing and iteration.