My Projects
JuicOrganic
Smart Vending Machine Kiosk UI
As a 2nd Semester Exam Project, we were tasked with helping JuicOrganic pivot from a B2B model to B2C. We came up with a smart vending machine concept that encourages sustainability, inspiring users to refill reusable bottles through a digital interface with a reward system.
View Case Study
My Contribution
Our group of three worked closely on all aspects, but I wore two main hats on this project: UX Designer and Developer. I leveraged anthropological methods to conduct deep-dive interviews to understand why users hesitate to use reusable solutions, then translated those insights into user journeys and personas and low-fi wireframes. On the technical side, I built the front-end architecture. I coded the interface using HTML, SCSS, and JavaScript, ensuring the design was responsive. I also animated a promotional video in After Effects, which was also used as part of the vending machine interface.
Key Deliverables
- UX Research: Personas and data analysis.
- UX Design: Wireframes and information architecture
- Front-End Code: A responsive prototype using HTML, SCSS, JavaScript and Bootstrap.
- Motion Graphics: A promotional social media video.
What I Learned
- The Developer Handoff: Writing the code myself taught me how important it is to keep design files organised for developers.
- Iterative Testing: We tested the concept multiple times, and I learned not to get too attached to the first idea and the value of testing insights.
- Close team collaboration: Our team worked very well together, building on each other’s ideas and work, with no space for ego.
Das Kleine Büro
Digital Agency Simulation
We formed a nine-person digital agency to deliver real client work, including branding, prototyping and visual design. The challenge was maintaining quality and coherence across a diverse student team while simultaneously managing multiple client accounts.
View Case Study
My Contribution
My primary focus was Project Coordination. I oversaw the entire workflow, led daily stand-ups, facilitated communication between sub-teams, and kept our Acting CEO (teacher) informed on progress. I matched team members to tasks based on their individual strengths to maximise efficiency, stepping in to assist across projects whenever bottlenecks appeared. Beyond team management, I also maintained a hands-on role by taking ownership of one of the client cases.
Key Deliverables
- Team Framework: structured workflows and communication channels.
- Resource Management: Task delegation based on skill mapping.
- Client Management: Oversight of multiple client cases and delivery
What I Learned
- Leadership: I leaned into more of a leadership role, beyond only coordination, and learned valuable lessons about servant leadership and how it's often about clearing obstacles for my teammates so they can do their best work.
- Soft Skills: Our group received top marks for teamwork, both from other students and our teachers, confirming that the psychological safety I fostered was a key driver for our creative output and team success.
Econiq
FinTech SaaS Prototype
Econiq was a client for our agency simulation, Das Kleine Büro. They are a FinTech startup that needed a user-centered SaaS prototype. The challenge was transforming a complex financial forecasting tool into an intuitive interface for non-expert users.
View Case Study
My Contribution
I served as the Product Owner, bridging the gap between the client's business requirements and our team. Simultaneously, I acted as UX & Design Lead, taking the project from concept to high-fidelity. I started by structuring the layout with low-fidelity wireframes to map out financial workflows, then moved into Figma to build the final prototype. I conducted user testing to validate the interface, ensuring complex data became a clean, intuitive user experience.
Key Deliverables
- UX/UI Design: End-to-end design from low-fi wireframes to a tested clickable Figma prototype.
- Information Architecture: Simplified sitemaps for complex data.
- UX Strategy: User journeys focused on trust and clarity.
What I Learned
- Simplification: My tagline is "From Complexity to Clarity," and this project was the ultimate test of that. I learned how to reduce cognitive load for users dealing with stress-inducing financial data.
Gestalt
Digital Magazine
As part of the elective course Visual Design and Layout, I contributed a feature article to a collaborative digital magazine. The piece explores how digital media shapes our perception of reality through the concept of echo chambers.
View Case Study
My Contribution
This was a solo execution within a collaborative framework. I authored the article to interpret the theme through a visual anthropological lens and photographed all original assets to ensure a unique visual language. I then designed the layout, strictly applying Gestalt principles and grid systems to create a reading experience that felt structured yet immersive.
Key Deliverables
- Editorial Design: High-fidelity layout using strict grids.
- Content Creation: Original article and photography.
- Visual Theory: Practical application of Gestalt principles.
What I Learned
- Visual Storytelling: I learned how photography can act as a narrative medium, not just decoration.
- The Power of Grids: I gained a deeper appreciation for how rigid grid systems actually allow for more creative freedom.
Hoedown After Dark
E-commerce Brand
We created a fashion brand blending Western aesthetics with underground techno culture and the queer community. The goal was to build a strong visual identity and a tested product line that supported the LGBT Asylum charity.
Read Case Study
My Contribution
I took charge of the project management, using a Kanban board to maintain an agile workflow. We applied Lean Startup principles to quickly test and validate the brand concept with our target audience. I developed the business model and SEO strategy to ensure the brand was commercially viable. In terms of design, I helped shape the visual identity and applied persuasive design principles to the web prototype to drive donations.
Key Deliverables
- Visual & Brand Identity: A cohesive brand guide.
- Project Management: Agile workflow via Kanban.
- Business Strategy: SEO analysis and Business Model Canvas.
What I Learned
- Niche Targeting: I learned that trying to appeal to everyone appeals to no one; leaning into a specific subculture created a stronger brand.
- Agile Management: Using Kanban helped us stay organised and on target.
SheCodes
Front-End Coding & Ongoing Development
I actively take courses with SheCodes to further develop and deepen my skills within front-end development. I am currently working through the SheCodes Plus workshops, focusing on building professional-grade applications with modern JavaScript and in the future, API integration as well.
Technical Focus
- Responsive Layout Builds
- Custom JavaScript Functions