Yarn: Product design and Visual Identity

A web and mobile publishing app made for serialized fiction from talented writers around the world.

Role

Product Designer

Industry

Digital Publishing

Timeline

4 months

Yarn on Desktop

Case Study Coming Soon!

Lots of exciting things on the way

How might we leverage technology to improve communication between patients and healthcare providers across language barriers to build trust and reduce harm?

How might we leverage technology to improve communication between patients and healthcare providers across language barriers to build trust and reduce harm?

Problem Statement

Problem Statement

two cell phones on a gray surface
a cell phone on a white block

Stage 4. User Testing & Iterations

Organized a series of remote user testing sessions, employing both qualitative and quantitative methods to evaluate the app's usability and effectiveness in fostering collaborative learning. Analyzed feedback to identify patterns and areas for improvement, leading to several design iterations that enhanced user engagement and satisfaction.

Stage 5. Final Presentation and Documentation

Prepared an in-depth presentation and comprehensive documentation detailing the research findings, design rationale, user testing outcomes, and the iterative design process. Highlighted the app's potential to transform the educational landscape by making learning more interactive, engaging, and collaborative.

Reflections

This project was a testament to the importance of thorough user research and iterative design in creating solutions that truly meet user needs. It honed my skills in collaboration, problem-solving, and effective communication, setting a solid foundation for my future endeavors in UX/UI design.

Final Designs⋆。𖦹°‧⊹ ༘⋆ ۫☆⋆。𖦹 ★

Pre-appointment Check-in: Features quick options to describe symptoms.

Recording: A clear path to suggested actions.

a cell phone leaning on a ledge

Improved information hierarchy for recording options.

Translation: A clear path to suggested items.

Onboarding: Focus on getting started and quick setup.

Final Designs⋆。𖦹°‧⊹ ༘⋆ ۫☆⋆。𖦹 ★

Pre-appointment Check-in: Features quick options to describe symptoms.

Recording: A clear path to suggested actions.

Improved information hierarchy for recording options.

Onboarding: Focus on getting started and quick setup.

a cell phone leaning on a ledge
Translation: A clear path to suggested items.

Final Designs⋆。𖦹°‧⊹ ༘⋆ ۫☆⋆。𖦹 ★

Improved information hierarchy for recording options.

Pre-appointment Check-in: Features quick options to describe symptoms.

Onboarding: Focus on getting started and quick setup.

Recording: A clear path to suggested actions.

a cell phone leaning on a ledge
Translation: A clear path to suggested items.

Other projects

Let's Work Together

Let’s talk projects, collaborations, or anything design! ☆⋆。𖦹°‧⊹ ༘⋆

Let's Work Together

Let’s talk projects, collaborations, or anything design! ☆⋆。𖦹°‧⊹ ༘⋆

Let's Work Together

Let’s talk projects, collaborations, or anything design! ☆⋆。𖦹°‧⊹ ༘⋆

Copyright 2026 by Livia Rafaela

Copyright 2026 by Livia Rafaela

Copyright 2026 by Livia Rafaela