Landing pages, portfolios, and e-commerce concepts.
Clear hierarchy, cleaner interactions, and a design-to-development workflow that stays close to the original idea.
Design Perspective
Work that looks intentional before you explain it.
My portfolio is built around the kind of projects where layout, hierarchy, and user experience need to carry the first impression. I care about how a screen feels, how fast it reads, and how naturally it guides people forward.
I work between visual design and front-end execution, which keeps the final website close to the original concept.
That means I am not only thinking about aesthetics. I am thinking about how navigation behaves, how components scale, how sections create momentum, and how a design system stays consistent across desktop and mobile.
01
Visual clarity
Strong typography, calm spacing, and contrast that lets the message land quickly.
02
User flow
Interfaces that guide visitors naturally instead of making them search for the next step.
03
Responsive finish
Design decisions that stay sharp across screen sizes and feel built, not just mocked up.
Workflow & Toolkit
How I approach UI/UX and web design
I focus on the parts of a project that shape how professional and usable it feels: visual systems, layout rhythm, interaction cues, and a clean handoff into code.
Core Design Strengths
UI Design92%
Responsive Web Design90%
UX Structure86%
Prototyping84%
Design-to-Development88%
Design Workflow
Discover
Understand the brand, audience, and what the page needs to communicate first.
Structure
Build hierarchy, layout rhythm, and clear page sections before adding polish.
Refine
Develop the visual language with typography, color, components, and interaction details.
Launch
Translate the design into responsive front-end work with consistent spacing and behavior.
These projects show how I work across interfaces, visual systems, campaigns, and archive pieces, with older work grouped into clearer collections so the portfolio stays easy to read.
Interactive website concept
Urban Unleashed
Featured
An immersive landing experience where the interface acts as part of the brand. The concept combines bold visuals, intuitive controls, and a strong first-screen composition.
Next.jsThree.jsWebGLGenerative Art
2.5k views
4.8/5 rating
Figma Design
Figma case study
E-commerce UI Concept
Figma
A focused UI/UX concept for an e-commerce experience with reusable components, clearer hierarchy, and prototype-driven exploration in Figma.
FigmaUI/UXDesignPrototype
Design System
Design System
Conversion-focused webshop design
E-commerce Platform
A webshop concept built around product visibility, CTA hierarchy, and a smoother shopping flow. The design balances usability, trust, and visual consistency.
ReactNode.jsMongoDBStripe API
E-commerce
Multi-user
Video
Motion and information design
Animated Infographic
Video
A motion-led design piece that turns complex information into a visual narrative, with pacing, contrast, and composition driving readability.
Motion DesignInfographicAnimationVideo
MP4 Video
HD Quality
Video
Editing remake
Video Editing Remake
Video
A split-screen remake focused on timing, pacing, and cleaner transitions.
Video EditingPacingTransitionsMotion Study
50.9 second edit
Side-by-side remake
Experimental interface
PopFusion
New
An audio-reactive web experience focused on atmosphere, motion, and expressive interface behavior. Designed to feel playful without losing clarity.
ReactWeb Audio APICanvasMusic
1.8k views
156 likes
Archived Collections
Exhibition identity
Iris van Herpen Exhibition
Archive
A museum concept built around one fashion-led visual system, from posters and flyers to social formats.
Exhibition DesignPoster SeriesSocial AssetsArt Direction
A four-page editorial layout that pairs photography theory with a tighter image-led spread system.
Editorial DesignTypographySpread LayoutPrint Study
4-page sequence
Layout + image study
Retail interface campaign
The North Face Digital Campaign
Archive
A focused campaign set built around mobile product screens and a matching CRM email layout, with the strongest work centered on retail hierarchy and campaign clarity.
A set of promotional assets that bundles flyers, tickets, and supporting print pieces into one event identity across announcement and attendance touchpoints.
FlyersTicketsEvent DesignPromo Assets
Entry materials
Campaign support
Poster studies
Poster Collection
Archive
A poster-led collection covering music, event, and image-treatment experiments, built around composition, contrast, and graphic impact.
Poster DesignImage EditingTypographyPrint Visuals
Promotional formats
Color explorations
Information design
Hospitality Menu System
Archive
A hospitality-focused layout collection centered on readability, pricing hierarchy, and visual consistency across multiple menu pages.
Menu DesignPrint LayoutHospitalityInformation Design
Multi-page menu
Readable structure
Process and concept
Research & Concept Boards
Archive
A collection of research boards, collage explorations, and reference-led studies used to shape stronger visual directions before final execution.
ResearchCollageConcept BoardsVisual References
Direction setting
Reference grouping
Image study
Product Styling Photo Series
Archive
A visual study series built from styled product photography, composition experiments, and collage-based presentation around one object set.
PhotographyStylingCollageArt Direction
Object studies
Collage presentation
Let's Build Something Better
Need a designer who can shape the look and the experience?
I'm available for portfolio sites, landing pages, design concepts, creative web experiences, and interface refreshes that need a stronger visual direction.
Start a Design-Led Project
If you need a website or interface that should feel sharper, clearer, and more intentional, send me the idea and I can help shape the direction.
