FULL COLLECTION

Web UI Design Projects

A curated catalog of my work across product, brand, and digital experiences. Use filters or search to explore projects by focus or outcome.

Product

Industrial

UI

UX

Brand

Web

Graphic

Marketing

FULL COLLECTION

Web UI Design Projects

A curated catalog of my work across product, brand, and digital experiences. Use filters or search to explore projects by focus or outcome.

Product

Industrial

UI

UX

Brand

Web

Graphic

Marketing

PackPerks: Reusable Cup Rewards Dashboard

PackPerks extends Burger King SmartBin return flow from a one-time deposit refund into an app-free loyalty loop. The core problem was that users could return a cup and get reimbursed, but had no strong reason to come back, track progress or choose rewards. I explored reward concepts, tested QR versus NFC, mapped user trust issues and designed a QSR-focused web app and dashboard around clear rewards, cup progress, direct-refund fallback and measurable return behaviour.

Request full case

Role

Product

UX

UI

Designer

Date

Outcome

App, UI, Internal Tool

Tools

Figma, Claude, PostHog, Antigravity

PackPerks: Reusable Cup Rewards Dashboard

PackPerks extends Burger King SmartBin return flow from a one-time deposit refund into an app-free loyalty loop. The core problem was that users could return a cup and get reimbursed, but had no strong reason to come back, track progress or choose rewards. I explored reward concepts, tested QR versus NFC, mapped user trust issues and designed a QSR-focused web app and dashboard around clear rewards, cup progress, direct-refund fallback and measurable return behaviour.

Request full case

Role

Product

UX

UI

Designer

Date

Outcome

App, UI, Internal Tool

Tools

Figma, Claude, PostHog, Antigravity

B2B Operations Dashboard with AI Insights

bol.com sellers face repeated compliance work because the same manufacturer, document and safety data is often entered product by product. I mapped this as a data-model problem, then designed a supplier-facing compliance workspace around reusable data tiers, AI-assisted prefill and clear task flows. The final concept included a dashboard, saved-data library, product compliance pages, conflict resolution and submission tracking.

Request full case

Role

Product

UX

UI

Designer

Date

Outcome

Compliance dashboard, saved-data library

Tools

Figma, HTML/CSS, JavaScript, Cursor, Antigravity

B2B Operations Dashboard with AI Insights

bol.com sellers face repeated compliance work because the same manufacturer, document and safety data is often entered product by product. I mapped this as a data-model problem, then designed a supplier-facing compliance workspace around reusable data tiers, AI-assisted prefill and clear task flows. The final concept included a dashboard, saved-data library, product compliance pages, conflict resolution and submission tracking.

Request full case

Role

Product

UX

UI

Designer

Date

Outcome

Compliance dashboard, saved-data library

Tools

Figma, HTML/CSS, JavaScript, Cursor, Antigravity

Amazonia: Bilingual Research Hub

Researcher and founder Luciana Duarte needed a bilingual portfolio and research hub to communicate her work on sustainable fashion and Amazonian value chains to journalists, companies, and academics. Over a year, I built a bold, editorial web experience with rainforest-referencing typography and structured sections for consultancy, press, publications, blog, and a PhD-thesis countdown. A living platform balancing activist messaging with editorial clarity. Launched and active.

Visit live site

Role

Marketing

Brand

UX

UI

Designer

Date

Outcome

Web Design, Brand/Visual

Tools

Figma, Framer, Adobe Suite

Amazonia: Bilingual Research Hub

Researcher and founder Luciana Duarte needed a bilingual portfolio and research hub to communicate her work on sustainable fashion and Amazonian value chains to journalists, companies, and academics. Over a year, I built a bold, editorial web experience with rainforest-referencing typography and structured sections for consultancy, press, publications, blog, and a PhD-thesis countdown. A living platform balancing activist messaging with editorial clarity. Launched and active.

Visit live site

Role

Marketing

Brand

UX

UI

Designer

Date

Outcome

Web Design, Brand/Visual

Tools

Figma, Framer, Adobe Suite

Terra Weather: Living 3D Forecast

Most weather apps reduce conditions to dry numbers. I designed and self-coded Terra Weather: a forecast experience driven by a dynamic 3D city diorama that reacts to real conditions (rain, snow, wind, time of day). Built the interface, visuals, and the logic translating forecast data into a living scene. Launching on App Store — demonstrates end-to-end product and engineering capability.

Open case study

Role

Product

UX

UI

Designer

Date

Outcome

App, UI, 3D Render

Tools

Figma, Antigravity, Visual Code

Terra Weather: Living 3D Forecast

Most weather apps reduce conditions to dry numbers. I designed and self-coded Terra Weather: a forecast experience driven by a dynamic 3D city diorama that reacts to real conditions (rain, snow, wind, time of day). Built the interface, visuals, and the logic translating forecast data into a living scene. Launching on App Store — demonstrates end-to-end product and engineering capability.

Open case study

Role

Product

UX

UI

Designer

Date

Outcome

App, UI, 3D Render

Tools

Figma, Antigravity, Visual Code

Digital+ App: Parenting Journey Redesign

Philips' Digital+ app for expectant parents had inconsistent UI, fragmented flows, and no shared visual language. With developers and senior UX designers, I ran user testing, stakeholder interviews, wireframes, and prototype iterations. A coherent component system, clearer hierarchy, and refined visual quality across the experience. 178% higher user satisfaction in Philips' official usability tests; three redesigned ad placements now programmed for launch. Under NDA

Request full case - Philips employees only

Role

UX

UI

Product

Designer

Date

Outcome

App, UI

Tools

Figma, Prototyping, Confluence

Digital+ App: Parenting Journey Redesign

Philips' Digital+ app for expectant parents had inconsistent UI, fragmented flows, and no shared visual language. With developers and senior UX designers, I ran user testing, stakeholder interviews, wireframes, and prototype iterations. A coherent component system, clearer hierarchy, and refined visual quality across the experience. 178% higher user satisfaction in Philips' official usability tests; three redesigned ad placements now programmed for launch. Under NDA

Request full case - Philips employees only

Role

UX

UI

Product

Designer

Date

Outcome

App, UI

Tools

Figma, Prototyping, Confluence

DoubleCheck: Scam Detection Assistant

Most people can't tell a scam apart from a legitimate message before clicking, paying, or sharing info. I designed DoubleCheck, a scam-detection assistant that scores manipulation language, identity mismatches, payment patterns, and link cues, then explains why each is suspicious. An app that teaches users to recognize the pattern, instead of giving a binary 'scam' or 'safe' verdict. Waitlist active; users build their own pattern recognition over time.

Open case study

Role

Product

UI

UX

Designer

Date

Outcome

App, UI

Tools

Figma, Antigravity, XCode, LLM APIs

DoubleCheck: Scam Detection Assistant

Most people can't tell a scam apart from a legitimate message before clicking, paying, or sharing info. I designed DoubleCheck, a scam-detection assistant that scores manipulation language, identity mismatches, payment patterns, and link cues, then explains why each is suspicious. An app that teaches users to recognize the pattern, instead of giving a binary 'scam' or 'safe' verdict. Waitlist active; users build their own pattern recognition over time.

Open case study

Role

Product

UI

UX

Designer

Date

Outcome

App, UI

Tools

Figma, Antigravity, XCode, LLM APIs

MRKT: Trading Website Experience Redesign

MRKT originally used a template-style landing page with repetitive sections, weak hierarchy and popup-heavy flows that created friction before users could understand the actual SaaS value. I analysed competitor platforms, user attention flow and CTA blockers, then rebuilt the experience around clearer messaging, faster scanning and feature-focused sections. The redesigned website now explains the platform’s AI trading tools directly through the interface and guides users toward the core product more clearly.

Request full case

Role

UX

UI

Web

Designer

Date

Outcome

SaaS website redesign

Tools

Figma, Framer, Photoshop

MRKT: Trading Website Experience Redesign

MRKT originally used a template-style landing page with repetitive sections, weak hierarchy and popup-heavy flows that created friction before users could understand the actual SaaS value. I analysed competitor platforms, user attention flow and CTA blockers, then rebuilt the experience around clearer messaging, faster scanning and feature-focused sections. The redesigned website now explains the platform’s AI trading tools directly through the interface and guides users toward the core product more clearly.

Request full case

Role

UX

UI

Web

Designer

Date

Outcome

SaaS website redesign

Tools

Figma, Framer, Photoshop

Miro: Sharing Flow Redesign

Miro sharing is powerful, but permission, scope and link type were compressed into one modal, making access outcomes hard to predict. I analysed user feedback, Miro’s own access rules and the current sharing flow, then redesigned the experience around three clearer decisions: permission, scope and access route. The concept makes access levels visible, separates link types and moves board access into progressive disclosure to reduce ambiguity without reducing product capability.

Request full case

Role

Product

UX

UI

Designer

Date

Outcome

Redesigned sharing modal, permission cards

Tools

Figma, Miro, Photoshop

Miro: Sharing Flow Redesign

Miro sharing is powerful, but permission, scope and link type were compressed into one modal, making access outcomes hard to predict. I analysed user feedback, Miro’s own access rules and the current sharing flow, then redesigned the experience around three clearer decisions: permission, scope and access route. The concept makes access levels visible, separates link types and moves board access into progressive disclosure to reduce ambiguity without reducing product capability.

Request full case

Role

Product

UX

UI

Designer

Date

Outcome

Redesigned sharing modal, permission cards

Tools

Figma, Miro, Photoshop

Abakus: Kids Learning Digital Platform

Designed a UI concept for Abakus Mental Math School's digital experience supporting children aged 7–15 in their mental arithmetic courses. Built clean, kid-friendly layouts with clear progress tracking and gamification elements in Figma. Concept used as a reference for digital direction.

Visit product

Role

Web

UI

UX

Designer

Date

Outcome

App, UI

Tools

Figma

Abakus: Kids Learning Digital Platform

Designed a UI concept for Abakus Mental Math School's digital experience supporting children aged 7–15 in their mental arithmetic courses. Built clean, kid-friendly layouts with clear progress tracking and gamification elements in Figma. Concept used as a reference for digital direction.

Visit product

Role

Web

UI

UX

Designer

Date

Outcome

App, UI

Tools

Figma

Petuh Farm B2: Flock Welfare Dashboard

A welfare-monitoring dashboard for poultry farms — combining audio anomaly detection, motion index, egg counts, and mortality data into a single welfare score. Designed for farmers to quickly understand flock health at a glance.

Open case study

Role

Product

UI

UX

Designer

Date

Outcome

Dashboard, Internal Tool

Tools

Figma

Petuh Farm B2: Flock Welfare Dashboard

A welfare-monitoring dashboard for poultry farms — combining audio anomaly detection, motion index, egg counts, and mortality data into a single welfare score. Designed for farmers to quickly understand flock health at a glance.

Open case study

Role

Product

UI

UX

Designer

Date

Outcome

Dashboard, Internal Tool

Tools

Figma

ReBalans: Salon Booking System

A massage practice in The Hague was juggling fragmented bookings, no clear identity, and disconnected client communication. I designed a new visual identity and logo, then built a SimplyBook-integrated digital booking system with cross-treatment booking, multi-language support, and Google Maps and Calendar integration. A single touchpoint where clients book, the salon manages capacity, and the brand reads as professional. Replaced scattered admin with a smooth, owner-operated system.

Visit live site

Role

UX

UI

Marketing

Designer

Date

Outcome

Web Design, Brand/Visual

Tools

Figma, Framer, SimplyBook

ReBalans: Salon Booking System

A massage practice in The Hague was juggling fragmented bookings, no clear identity, and disconnected client communication. I designed a new visual identity and logo, then built a SimplyBook-integrated digital booking system with cross-treatment booking, multi-language support, and Google Maps and Calendar integration. A single touchpoint where clients book, the salon manages capacity, and the brand reads as professional. Replaced scattered admin with a smooth, owner-operated system.

Visit live site

Role

UX

UI

Marketing

Designer

Date

Outcome

Web Design, Brand/Visual

Tools

Figma, Framer, SimplyBook

Tripp3r: Station-to-Station Travel Planner

Tripp3r needed a travel planner mobile app with a bright, branded interface for planning journeys across 12 stations. I designed wireframes from paper sketches into Adobe XD, including departure/arrival selection, map routing, transfer points, landmark info, line-by-line views, and PDF export. Added CO2-saving info to nudge sustainable travel. Shipped as Tripp3r's main planning experience.

Open case study

Role

UX

UI

Product

Designer

Date

Outcome

App, UI

Tools

Figma

Tripp3r: Station-to-Station Travel Planner

Tripp3r needed a travel planner mobile app with a bright, branded interface for planning journeys across 12 stations. I designed wireframes from paper sketches into Adobe XD, including departure/arrival selection, map routing, transfer points, landmark info, line-by-line views, and PDF export. Added CO2-saving info to nudge sustainable travel. Shipped as Tripp3r's main planning experience.

Open case study

Role

UX

UI

Product

Designer

Date

Outcome

App, UI

Tools

Figma

Pratov Design: Interactive Studio Website

My own studio website needed to communicate work and personality without imitating standard portfolio templates. I built a Framer-based site with parallax animations, glowing process page, order form in card layout, and upcoming-news blog. Live as my primary professional presence.

Open case study

Role

Brand

Marketing

UI

UX

Web

Designer

Date

Outcome

Web Design, Brand/Visual

Tools

Framer

Pratov Design: Interactive Studio Website

My own studio website needed to communicate work and personality without imitating standard portfolio templates. I built a Framer-based site with parallax animations, glowing process page, order form in card layout, and upcoming-news blog. Live as my primary professional presence.

Open case study

Role

Brand

Marketing

UI

UX

Web

Designer

Date

Outcome

Web Design, Brand/Visual

Tools

Framer

Mondrian-Inspired Dental Website

A Dutch dentist's existing website was slow, hard to navigate, and failed to reflect their Mondrian-inspired brand. Patients struggled to find information about treatments and booking. I redesigned the site with a modern layout using the brand's signature primary colours and grid composition, then rewrote the structure around patient priorities. A faster, clearer site that signals modern care while honoring the brand's design heritage. Improved first-impression for prospective patients.

Open case study

Role

Brand

UX

UI

Web

Designer

Date

Outcome

Web Design, Brand/Visual

Tools

Figma, Framer, Adobe Suite

Mondrian-Inspired Dental Website

A Dutch dentist's existing website was slow, hard to navigate, and failed to reflect their Mondrian-inspired brand. Patients struggled to find information about treatments and booking. I redesigned the site with a modern layout using the brand's signature primary colours and grid composition, then rewrote the structure around patient priorities. A faster, clearer site that signals modern care while honoring the brand's design heritage. Improved first-impression for prospective patients.

Open case study

Role

Brand

UX

UI

Web

Designer

Date

Outcome

Web Design, Brand/Visual

Tools

Figma, Framer, Adobe Suite

Quick Bike Repair: Service Website with Character

A bike repair and resale company needed a website reflecting both quality and personality. The previous identity felt generic and didn't communicate craft. I explored two visual directions, a darker modern palette and a neobrutalism-style saturated approach, to find the right brand voice. Added a battery-repair service page and an Aldo bike model showcase. A confident, on-brand website with clear service paths. Improved their online presence to attract more local customers.

Request full case

Role

UI

UX

Brand

Web

Designer

Date

Outcome

Web Design, Brand/Visual

Tools

Figma, Framer, Adobe Suite

Quick Bike Repair: Service Website with Character

A bike repair and resale company needed a website reflecting both quality and personality. The previous identity felt generic and didn't communicate craft. I explored two visual directions, a darker modern palette and a neobrutalism-style saturated approach, to find the right brand voice. Added a battery-repair service page and an Aldo bike model showcase. A confident, on-brand website with clear service paths. Improved their online presence to attract more local customers.

Request full case

Role

UI

UX

Brand

Web

Designer

Date

Outcome

Web Design, Brand/Visual

Tools

Figma, Framer, Adobe Suite

Cohen Yoga: Calm Class Booking Website

A yoga instructor in The Hague needed a simple website with class schedule and booking, replacing a shared platform that diluted her independent brand. I built a clean, calm-looking site with class information, instructor positioning, and integrated booking flow. A focused single-instructor presence that reads as professional and inviting. Launched as her primary client-facing channel and freed her from the shared platform.

Request full case

Role

Web

UX

UI

Designer

Date

Outcome

Web Design

Tools

WordPress, Framer, Figma

Cohen Yoga: Calm Class Booking Website

A yoga instructor in The Hague needed a simple website with class schedule and booking, replacing a shared platform that diluted her independent brand. I built a clean, calm-looking site with class information, instructor positioning, and integrated booking flow. A focused single-instructor presence that reads as professional and inviting. Launched as her primary client-facing channel and freed her from the shared platform.

Request full case

Role

Web

UX

UI

Designer

Date

Outcome

Web Design

Tools

WordPress, Framer, Figma

Ken Asia: Mining Engineering Web Presence

Ken Asia, a leading mining engineering and surveying firm in Kyrgyzstan, lacked a clear corporate web presence to communicate its technical services to international clients. I designed and built a structured website covering technical documentation services, mineral extraction methods, and environmental design, with clear navigation for procurement decision-makers. A serious B2B web presence aligned with industry credibility. Launched as the company's primary digital channel.

Visit live site

Role

Web

UX

UI

Brand

Designer

Date

Outcome

Web Design

Tools

Figma, WordPress, Framer

Ken Asia: Mining Engineering Web Presence

Ken Asia, a leading mining engineering and surveying firm in Kyrgyzstan, lacked a clear corporate web presence to communicate its technical services to international clients. I designed and built a structured website covering technical documentation services, mineral extraction methods, and environmental design, with clear navigation for procurement decision-makers. A serious B2B web presence aligned with industry credibility. Launched as the company's primary digital channel.

Visit live site

Role

Web

UX

UI

Brand

Designer

Date

Outcome

Web Design

Tools

Figma, WordPress, Framer

Oliynyk Farm: Bilingual Agro Export Website

A top Ukrainian agro-producer in the Dnipro region needed a clear bilingual website showcasing wheat and agro-culture services to attract international buyers, distinct from local-only competitors. I designed a modern, branded site with a custom logo and clear product-and-service navigation, structured for buyer due diligence. A bilingual digital presence that reads as serious agro export, not a local farm shop. Launched as the company's primary digital channel for international outreach.

Request full case

Role

UI

UX

Brand

Web

Designer

Date

Outcome

Web Design, Brand/Visual

Tools

Figma, WordPress, Adobe Suite

Oliynyk Farm: Bilingual Agro Export Website

A top Ukrainian agro-producer in the Dnipro region needed a clear bilingual website showcasing wheat and agro-culture services to attract international buyers, distinct from local-only competitors. I designed a modern, branded site with a custom logo and clear product-and-service navigation, structured for buyer due diligence. A bilingual digital presence that reads as serious agro export, not a local farm shop. Launched as the company's primary digital channel for international outreach.

Request full case

Role

UI

UX

Brand

Web

Designer

Date

Outcome

Web Design, Brand/Visual

Tools

Figma, WordPress, Adobe Suite

Netjes Zijn: Trust-First Cleaning Website

NetjesZijn, a Dutch cleaning service, needed a brand identity and marketing website that built trust without resorting to generic stock-photo aesthetics common in the industry. I designed a calm, professional visual system including the logotype, photography direction, and a Framer site, anchored in clarity and quiet confidence. A brand and site that communicates reliability and care at first glance. Launched as the company's primary identity and customer-facing channel.

Visit live site

Role

Web

UI

UX

Designer

Date

Outcome

Brand/Visual, Web Design

Tools

Figma, Framer, Adobe Suite

Netjes Zijn: Trust-First Cleaning Website

NetjesZijn, a Dutch cleaning service, needed a brand identity and marketing website that built trust without resorting to generic stock-photo aesthetics common in the industry. I designed a calm, professional visual system including the logotype, photography direction, and a Framer site, anchored in clarity and quiet confidence. A brand and site that communicates reliability and care at first glance. Launched as the company's primary identity and customer-facing channel.

Visit live site

Role

Web

UI

UX

Designer

Date

Outcome

Brand/Visual, Web Design

Tools

Figma, Framer, Adobe Suite

Family Coffeehouse Ordering Website

A family-run coffeehouse operating since 1978 needed a website that captured its warmth and supported online ordering, replacing an older site that felt outdated. I redesigned the web experience with refreshed brand identity, a menu section, an online order page, and tested a lighter variant before committing to a warmer palette. A site that reads as welcoming and family-run while supporting modern hospitality flows. Launched as the cafe's primary online presence.

Request full case

Role

UI

UX

Brand

Web

Designer

Date

Outcome

Web Design

Tools

WordPress, Framer, Figma

Family Coffeehouse Ordering Website

A family-run coffeehouse operating since 1978 needed a website that captured its warmth and supported online ordering, replacing an older site that felt outdated. I redesigned the web experience with refreshed brand identity, a menu section, an online order page, and tested a lighter variant before committing to a warmer palette. A site that reads as welcoming and family-run while supporting modern hospitality flows. Launched as the cafe's primary online presence.

Request full case

Role

UI

UX

Brand

Web

Designer

Date

Outcome

Web Design

Tools

WordPress, Framer, Figma

Hide & Hunt: AR Treasure Hunt App

Most location-based games feel either gambling-adjacent (lootboxes) or chore-like (Pokemon-Go fatigue). I wanted to explore whether NFT-style local exploration could feel playful instead. I designed AR mechanics, glass-morphism UI, infinity-scroll home screens, NFT collection integration, and AI photo recognition for treasure verification, structured around walking exploration of a user's own city. A complete concept app. Shipped as a portfolio concept demonstrating modern mobile design and product thinking.

View Figma

Role

UX

UI

Product

Designer

Date

Outcome

App, UI

Tools

Figma, Adobe Suite, Prototyping

Hide & Hunt: AR Treasure Hunt App

Most location-based games feel either gambling-adjacent (lootboxes) or chore-like (Pokemon-Go fatigue). I wanted to explore whether NFT-style local exploration could feel playful instead. I designed AR mechanics, glass-morphism UI, infinity-scroll home screens, NFT collection integration, and AI photo recognition for treasure verification, structured around walking exploration of a user's own city. A complete concept app. Shipped as a portfolio concept demonstrating modern mobile design and product thinking.

View Figma

Role

UX

UI

Product

Designer

Date

Outcome

App, UI

Tools

Figma, Adobe Suite, Prototyping

Dextra Holland: Cross-Border E-Commerce Platform

Dextra Holland exports Dutch goods (cheeses, tulips, delicacies) to Kyrgyzstan and lacked a full e-commerce platform to serve cross-border buyers. I designed and built a complete online shop with product catalog, cart, checkout, payment gateway, order management, customer accounts, and analytics. A working cross-border retail channel handling currency, language, and shipping logic. Launched as the company's main retail channel for Dutch goods in Kyrgyzstan.

Request full case

Role

Web

Graphic

Designer

Date

Outcome

Web Design

Tools

Figma, WordPress, WooCommerce

Dextra Holland: Cross-Border E-Commerce Platform

Dextra Holland exports Dutch goods (cheeses, tulips, delicacies) to Kyrgyzstan and lacked a full e-commerce platform to serve cross-border buyers. I designed and built a complete online shop with product catalog, cart, checkout, payment gateway, order management, customer accounts, and analytics. A working cross-border retail channel handling currency, language, and shipping logic. Launched as the company's main retail channel for Dutch goods in Kyrgyzstan.

Request full case

Role

Web

Graphic

Designer

Date

Outcome

Web Design

Tools

Figma, WordPress, WooCommerce

Battle of Fantasy: Retro Strategy Game UI

Card-drawing mobile strategy games often look identical (dark, gold-trimmed, generic medieval). I wanted to explore whether retro 2D aesthetics could feel modern and playful instead. I designed the mobile UI for a card-drawing strategy game with party and online modes, building a retro 2D style with glowing effects and balanced interaction patterns. A complete game UI concept differentiated from genre defaults. Shipped as a portfolio concept demonstrating game UI direction.

Open case study

Role

Product

UX

UI

Marketing

Brand

Designer

Date

Outcome

App, UI, Game Design

Tools

Figma, Adobe Suite, Photoshop

Battle of Fantasy: Retro Strategy Game UI

Card-drawing mobile strategy games often look identical (dark, gold-trimmed, generic medieval). I wanted to explore whether retro 2D aesthetics could feel modern and playful instead. I designed the mobile UI for a card-drawing strategy game with party and online modes, building a retro 2D style with glowing effects and balanced interaction patterns. A complete game UI concept differentiated from genre defaults. Shipped as a portfolio concept demonstrating game UI direction.

Open case study

Role

Product

UX

UI

Marketing

Brand

Designer

Date

Outcome

App, UI, Game Design

Tools

Figma, Adobe Suite, Photoshop