Client:
Sportank
Completed:
November 2024
Challenge
The main challenge here was creating engaging and complex features centered around competition and winning, that is within the context of a raffle system, while also serving a noble cause.
Overusing certain elements could easily tip the balance, inadvertently reminding users of a gambling system and its potential negative consequences.
The primary goal of the raffle, however, was to support a charitable cause, and it was essential to keep that focus front and center.
This case study graphically presents both the raffle system and the affiliate portal, and in some areas the latter takes precedence over the former in quantitative terms.
01
Synopsis
Approach
The collaboration began when Steve, the owner of Sportank, reached out with a request to enhance his existing system. He wanted to add more features, including an affiliate program portal and a raffle system for users.
The raffle had a special significance, as it was tied to a fund created in memory of his late daughter, Amelie, continuing to honour her to this day. I was deeply moved by the scope and the cause behind the project, and I was eager to contribute to creating something impactful.
Mood keywords:
Energetic
Vibrant
Engaging
Transparent
Inclusive
Deliverables
In digital format:
Wireframes
Design System
Prototype
User Flow
UI Kit
02
Process
Process
To kick things off, we conducted a series of interviews such that I could gain a deeper understanding of the business’ goals and audience. Each step of the process was complemented by feedback and handover meetings, allowing us to refine deliverables in an iterative manner.
03
User Flow
User Flow
Designing the user flow proved to be a challenge, particularly because I needed to familiarize myself with the intricacies of building a digital affiliate program. I researched various implementations to understand best practices. With multiple user roles and different stages involved in the sign-up process, creating a clear user flow was essential to ensure that no logical gaps were overlooked and that each potential user state had a solution.
04
Wireframes
Show Result
05
UI Kit
UI Kit
I further evolved the existent design system with contributions like buttons, modals, 3D graphics, and other UI elements. These helped create a cohesive, engaging interface that was both functional and visually appealing.
Filters
1
/6
05
Prototype
Design Solution
The solution was a thoughtful blend of statistics that highlighted users’ winning potential, alongside social proof elements to build trust and engagement. The purchase process was designed to be detailed and transparent, ensuring users understood exactly where their money was going.
Additionally, the system incorporated financial metrics like raised funds and funded amounts, providing further transparency and reinforcing the positive impact of each contribution.
Responsiveness
I also designed with responsiveness in mind, ensuring compatibility across four different screen formats.
Client:
Completed:
Ongoing
01
Synopsis
Information
The client is a US-based startup focused on employee wellbeing. Due to the sensitive aspect of the information, the written content has been replaced and the design repurposed.
Mood keywords:
Proffessional
Warmth
Calmness
Elegance
Simplicity
Deliverables
In digital format:
Wireframes
Sitemap
UI Kit
Design System
Prototype
02
Sitemap
UX Sitemap
Designing the sitemap was an important step in the information's architecture, resulting in organizing the content logically for easy navigation. Moreover, it helped structure the pages based on priority and hierarchy, while altogether avoiding content duplication.
03
Wireframes
Show Result
05
UI Kit
UI Kit
I created a design system from scratch, based on a moodboard and several client discussions.
Filters
1
/6
Client:
Reptrend
Completed:
March 2025
Challenge
The problem this product aims to solve centers around an existing experience that makes information retrieval cumbersome, with sustainability reports scattered across various sources, inconsistent terminology complicating analysis (for example, one company might refer to "equitable pricing," while another calls it "tiered pricing" or "EBTP" - Equitable-Based Tiered Pricing), and siloed departmental insights limiting collaboration.
My focus was on refining navigation, improving search functionality, and ensuring that insights were presented in a clear, structured, and actionable way. In this manner, I'm aiming to align the user experience with the platform’s core mission of streamlining sustainability communication as per the problem formulation above.
01
Synopsis
Approach
I was approached to enhance the UX/UI of a platform designed to help pharmaceutical companies and researchers access and analyze sustainability reports more efficiently.
The improvements focused on streamlining navigation, enhancing search functionality, and optimizing data presentation.
I proposed a structured filtering system to help users refine their searches by department, competitor efforts, and sustainability topics (ESG, SDGs, GRI index etc.). The interface was designed to balance enterprise professionalism with ease of exploration, ensuring that insights were presented clearly and accessibly.
Mood keywords:
Authoritative
Clean
Reliable
02
Before & After
Straigthforward topic nuggets
As mechanisms for exploration or suggestions.
Reduced cognitive strain
Through limiting searching within boundaries.
Color emphasis
Or the lack theoreof, for guiding the user's attention.
Search visibility
To ease the task and use fewer clicks for achieving the end goal.
Information and design
For establishing content hierarchy and content function.
Space optimization
As a way to enhance clarity and establish search results as center focus.
Client:
Internal Design Experiment
Completed:
March 2024
Challenge
The goal of Chromalysis was to showcase how slight design changes, specifically in color and layout variations, can significantly impact user perception and experience. The experiment focused on an AI-driven biotech firm's homepage, creating five distinct versions with six color schemes.
01
Synopsis
Recommendations
The next recommended step is to conduct controlled A/B testing of multiple homepage versions, each designed to highlight different psychological and usability factors. This process will measure user interactions, emotional responses, and conversion-related behaviors across variations.
By isolating color schemes and structural changes, we can gain deeper insights into how visual identity influences usability and brand perception.
Scope keywords:
AI
Visual Perception
Conversion
Deliverables
In digital format:
5 Variants
6 Color Schemes
Client:
Fictional Flower Shop
Completed:
2023
Challenge
The primary challenge of Botanic was crafting a digital experience for an online flower shop that balanced aesthetics with functionality.
01
Synopsis
Approach
Inspired by nature’s flow, Botanic combined an earthy, organic aesthetic with modern e-commerce usability principles. The design emphasized high-quality imagery and intuitive navigation, ensuring customers could explore floral arrangements with ease.
Mood keywords:
Serene
Graceful
Natural
Client:
Fictional Web App
Completed:
2023
Challenge
The challenge behind Y2K.exe was to demonstrate that even the simplest tools, such as a basic to-do list, can be elevated into something more through web design. It serves as a visual testament to the power of design on the web.
01
Synopsis
Approach
This project was an experiment in the power of aesthetic direction. The design took inspiration from Y2K-era digital culture, incorporating nostalgic UI elements and a playful visual language. The result was an organizer that felt dynamic and engaging while remaining intuitive and functiona
Mood keywords:
Playful
Nostalgic
02
Process
UX Sitemap
