top of page
header-home3_edited.png

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-sparrow3.png

Survey Sparrow

optimal-workshop.png

Optimal Sort

google-analytics.png

Google Analytics

Create
sketch.png

Sketch

Collaborate
invision.png

InVision

trello.png

Trello

miro.png

Miro

zoom.png

Zoom

google-drive.png

Google Drive

slack.png

Slack

procreate.png

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!
soraia-yodomo-portfolio-mockup9.png

 Click to enlarge

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

typeform.png

Balsamiq

balsamiq.png

Photoshop

photoshop.png
aftereffects.png

AfterEffects

indesign.png

InDesign

InVision

invision.png

Keynote

keynote.png
premiere.png

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!

 Click to enlarge

emoi-screens.png

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
google-drive.png

Squarespace

Google Drive

Code
procreate.png

Procreate

sspace.png
html.png
css.png
javascript.png

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)

 Click to enlarge

wildechoes-screens.png

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 👷🏻‍♀️🔧

More work is coming soon!

Updates to come will include:

●  Facilitation & Teaching

●  Video & Motion

●  Visual Design

●  Creative Programming & Connected Objects

... and of course...

●  MORE in-depth case studies!

Want a sneak peek? Get in touch!

bottom of page