![](https://cdn.myportfolio.com/95bf45a5-ec18-4b63-9f4e-5911abfd25d1/49affc2f-2264-4045-982a-bac983c423ef_rw_1920.png?h=88d191577954bf0800e2cb1148036abf)
Roundabout is the UK largest Dramatherapy charity, working across London supporting clients aged 3 to 103 years old. Main goal was to evolve the brand identity and user experience design, creating a responsive website, intuitive and easy to use, which engage the user around the concept of Dramatherapy. I was in charge of the UX team, collaborating for the final prototype with the UI team.
Affinity Diagram and Storyboard
![](https://cdn.myportfolio.com/95bf45a5-ec18-4b63-9f4e-5911abfd25d1/9ec6e677-2114-48e9-973f-0d80055f4d40_rw_1920.png?h=d0405fe9e414465d6398c2de5c814ad2)
Thanks to the affinity diagram I was able to brainstorm and focus on valuable data: teachers and schools were revealed as main users of Roundabout's services while children would be the main beneficiaries of the Dramatherapy.
![](https://cdn.myportfolio.com/95bf45a5-ec18-4b63-9f4e-5911abfd25d1/59f4f3a2-83a1-4e0a-af97-51c40c9e12da_rw_1920.png?h=26446f1690dc74f5672226bf1f68c217)
Rosie is the user persona, a young teacher working full time in a primary school: she would like to understand better her pupils needs, especially the ones that are having difficulties conveying their feelings.
Mid-fidelity prototype
![](https://cdn.myportfolio.com/95bf45a5-ec18-4b63-9f4e-5911abfd25d1/019427b7-b190-4d99-afd5-eb1ed1a05450_rw_1920.png?h=f20d636597bec91d5c9e1d4809005ae6)
Thanks to user testing we could also add clearer contents and prioritise elements using hierarchy, basing our choice on the importance of information for the final user. I’ve also realised a clickable prototype of the desktop wireframes that you can find at this link.
Final responsive prototype
![](https://cdn.myportfolio.com/95bf45a5-ec18-4b63-9f4e-5911abfd25d1/ea81e17f-6a84-472b-9d74-9ba97941043f_rw_1920.png?h=0d0405bfa93e9a1c202034a8ab52e00e)
The final website didn't take into account accessibility constraints due to cost and development restrictions.
![](https://cdn.myportfolio.com/95bf45a5-ec18-4b63-9f4e-5911abfd25d1/95ceb051-39d7-4aaa-b462-868629e436f4_rw_1920.png?h=552e3416ae84484f1adea24786f8cd1b)