I am a UX and interaction designer with lots of tricks up my sleeve...
UX & Interaction Design
Take a look at a selection of client and concept projects showcasing my UX and Interaction skills.
CLIENT | TEAM | 3-WEEK SPRINT
Yodomo.co
Optimising an e-learning platform’s website
Yodomo is a platform for learning creative skills online with a mission to foster positive mental health, encourage human connection, and nurture meaning and purpose in life through the power of making with our hands.
UX
UI
Information architecture
Content design
Toolbox
Research
Survey Sparrow
Optimal Sort
Google Analytics
Create
Sketch
Collaborate
InVision
Trello
Miro
Zoom
Google Drive
Slack
Procreate
The final presentation and suggested improvement went way beyond our expectations. We were so delighted with the recommendations put forward that we have been quick to implement them as soon as possible!
— Sophie Rochester CEO, Yodomo
Full case study coming soon!
The process
We used the Double Diamond Process to develop our design solution.
Discover
| 3 current site usability tests | 12 competitor analyses |
| 100 survey responses | 13 user interviews |
| 4 Yodomo customer interviews | 11 card sorts |
Define
| Affinity mapping | Experience mapping |
| Personas | Scenarios | Problem statement |
| Information architecture | Taxonomy |
Develop
| Sitemap | User flow | Design studio |
| Feature prioritisation | How might we’s |
| Multi-fidelity wireframes | Usability tests & iteration |
Deliver
| Onboarding design | Navigation redesign |
| Content redesign | Visual style guide |
| Accessibility review | Hi-fi prototypes | Next steps plan |
The solution
Our team was tasked with investigating user experience and journey efficiency on Yodomo’s site.
We used tools like competitor analysis, user research and card sorting to improve customer onboarding and site-wide navigation. Our team created a functional navigation system using meganav, breadcrumbs and tags, redesigned the homepage to improve content clarity, and streamlined product offering using iconography, microcopy and content design. We delivered high-fidelity prototypes for small and large viewports, our research findings, and a suggested plan of action for Yodomo to continue to implement our work.
Successes
Harnessing my strengths
Fulfilling my values
Execution
💪
My experience in content and storytelling helped us craft a clear messaging strategy and streamline Yodomo’s content.
💪
My technical skill set in CMSs, front-end and back-end development meant we were able to create a solution that Yodomo could implement within days of our project delivery.
💗
I care about seeing people grow and thrive, so it was great being part of a project that empowers people through learning and by fostering mental wellbeing.
💗
This project was created working alongside a team of awesome, supportive women (in our design team and on the client’s end too!)
🌐
This project was produced entirely remotely.
CONCEPT | SOLO | 6+ MONTHS
Émoi
Optimising an e-learning platform’s website
An exploration of multisensory communication through an edible chocolate-based language. This concept was developed independently for my Interaction Design master’s program thesis.
Toolbox
Research
Create
Collaborate
Typeform
Balsamiq
Photoshop
AfterEffects
InDesign
InVision
Keynote
Premiere
This was an interesting experimentation, and the jury was intrigued by the possibility of connecting emotions and taste/eating sensations.
— Core77 Design Awards jury
Full case study coming soon!
The solution
In this project I created a speculative app, physical product and service that uses a multisensory data visualisation language to display interpersonal emotions through chocolate.
Successes
Exploring my passions
Achievement
Execution
🔥
This was an exciting opportunity to venture into the world of service design, re-imagining long-standing systems and norms to find creative, out-of-the-box solutions to design problems that go beyond the screen.
⭐️
This project received the highest grade in the Interaction Design master’s program.
🍫
The project was exhibited internationally at events and workshops using custom-made chocolates produced by local chocolate artisans.
UX
UI
Interaction
Motion
Service design
The process
I used Human Centred Design methods to develop my research and design solution.
Discover
| Primary, secondary & tertiary research | Literature review |
| Desk research | Competitor & state-of-the-art analysis |
| Contextual research | Interviews | Surveys |
Define
| Personas | Scenarios | Onliness statement |
| Visualisation system |
Develop
| User & system flow | Service blueprint | Wireframes |
| Usability testing | Visualisation language |
| Visual design & branding | Motion graphics | Storytelling |
Deliver
| Interactive prototype | Physical product & packaging design |
| Edible product | Thesis research | Video explainer |
| Exhibit presentations | Workshop exercises |
To produce this I reviewed publications on multisensory displays from the likes of MIT and XEROX-PARC. I also designed a visualisation language based on the science of cross-sensory associations. I explored competitors and conducted interviews and surveys to understand users and the industry, and to develop a service blueprint and system design for my digital solution. I iterated to a high-fidelity prototype that featured clear visual branding and motion-designed interactions. I also produced a finished physical product in the form of chocolates and packaging. And finally, to effectively communicate its concept and purpose, I used my production and storytelling skills to create a short, fun video explainer for the final product.
Recognition
🏅
It ran in local and international news, and won "Student Notable" in the Speculative Concept section of Core77 Design Awards.
CLIENT | SOLO | 3 MONTHS
Wildechoes
Optimising an e-learning platform’s website
Wildechoes is a website that makes learning about birds and nature accessible and easy for everyone through a range of multimedia content in the form of text, image, sounds and sonograms.
UX
UI
Information architecture
Content design
The process
I used Human Centred Design methods to develop my research and design solution.
Successes
Toolbox
Create / Collaborate
Squarespace
Google Drive
Code
Procreate
JavaScript
CSS
HTML
Lots of people have told me how clear and easy to navigate the site is!
— Chris Hails, Wildechoes.org
Full case study coming soon!
Harnessing my strengths
Fulfilling my values
Achievement
💪
A holistic background in user experience, visual design, media production, and content design helped me create clear branding and messaging through content, visuals, layout and structure optimisations
💗
I like teaming-up with others to help them succeed, so it was gratifying to support a client uneasy about change through a big transition - gently nudging them towards best practices by showing the benefits of new changes through examples, prototypes, usability tests, and whole lot of positive encouragement!
💗
Coming from my love of personal growth and teaching, I value projects that empower people to learn, making learning more enjoyable and accessible to everyone.
📈
The website has seen a 300% increase in user traffic over the last year (and steadily rising)
The solution
I was tasked with redesigning and rebuilding an outdated and buggy website to create a more usable, more accessible, and more visually appealing one for the client and his users.
💪
My technical skill set in CMSs, front-end and back-end development helped me advise the client on the best solutions for their needs.
Recognition
📧
The client has been regularly receiving “fan-mail” complimenting his site for its quality content (much credit to his own content creation skills here too!), its visual aesthetic, and its ease of use.
This site is still in progress 👷🏻♀️🔧