Wellness Website
Project Overview
Objective:
Develop a responsive, accessible website featuring searchable and filterable landing pages, semantic HTML structure, and user-friendly forms designed for inclusive interaction and engagement.
My Role:
Managed the full lifecycle of the project, including front-end development, UX/UI design, content integration, and performance optimization.
Technology:
WordPress, HTML, CSS, Figma
Concept to Completion
Design Process
Started with hand-drawn wireframes, then moved to hi-fi designs. Built the site using WordPress themes and templates with added CSS for accessibility.
Challenges
Customizing existing templates for responsiveness and accessibility required careful markup refinement and layout adjustments to support required functions.
Outcome
The site delivers a responsive, accessible experience with intuitive search, filters, and forms that foster user engagement.
Reflection
This project deepened my understanding of responsive WordPress layouts while refining accessibility and semantic practices.
Sketch to Screen
After sketching lo-fi wireframes, I was able to find existing templates in WordPress that aligned very closely with our design plan. With no modifications needed to template layouts, I moved on to prototyping in lieu of building additional design iterations..
Paper Wireframes
Prototype
Click to view an interactive prototype with hi-fi wireframes created in Figma.
Let’s Connect!
I welcome new opportunities and challenges where I can make a difference.