Lupus support website responsive to multiple devices

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 (in this case between a mobile phone and a 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

OUP book cover series design

NHS Overwhelmed and Underfunded infographic poster

Cogent Mind Solutions branding

Zero Hour campaign material

'Seat warmer' user centred prototype

Chase Atlantic 2017 album redesign

DraughtBusters rebrand

Lens Flare Magazine

↑Back to Top