Lupus support website design

This is my design proposal for a Lupus support and symptom tracking website. The main aim of this project was to design a website that tackled real world user related problems regarding the topic of health. Being able to create and carry out real world interviews on Lupus patients allowed me to truly empathise with their everyday struggles and allowed me to develop a strong set of painpoints that my website was able to focus on. This project also emphasised the creation of a responsive website that adapts seamlessly between two devices (mobile phone and laptop).

User flow Figma iPhone 11 | Outlining the user flow from information finding to personal symptom tracking

User flow Figma Macbook 14" | Outlining the user flow from information finding to personal symptom tracking

iPhone Figma prototype main frame organisation (Click here to access Figma prototype)

Laptop Figma prototype main frame organisation (Click here to access Figma prototype)

iPhone Figma prototype design systems
iPhone Figma prototype design systems
Laptop Figma prototype design systems
Laptop Figma prototype design systems
Text and colour styles
Text and colour styles

Initial wireframe sketches and report notes

Initial digital wireframes and report notes

User journey flow chart
User journey flow chart
Website page flow
Website page flow
Website site map
Website site map
Full website flow chart
Full website flow chart

Persona 1 based off real world interviews

Persona 2 based off real world interviews

Market research driven by user interview quotes 

You may also like

Zero Hour campaign material
2022
Cogent Mind Solutions branding
2024
Chase Atlantic LP packaging redesign
2024
DraughtBusters rebrand
2024
Lens Flare Magazine
2024
NHS Overwhelmed infographic poster
2023
Book cover series design
2023
Seat warmer app design
2022
↑Back to Top