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










