I don't just make things look good. I verify the problem, value and meet business/user needs
Tableside Restaurant Ordering Application Market: South Africa
South African Bank Branch User Experience Transformation (Absa Hackathon and beyond)
Sesyme is a great solution for both the publisher and the student
Streamline the entire doctor visit process, eliminating long waits and uncertainties
Complete redesign of Vodacom external bursary platform
Anti-fraud project, still researching, get insights and adapting the solution based on real user feedback
Created a tech solution targeting perpetrators of violence against women
Old portfolios, which include current projects but positioned at the lower level with different UI's.
Explore my comprehensive collection of UX/UI designs, wireframes, prototypes, and design systems.
Transform your product with my tailored design Resources & Blogs I crafted for seamless UX
This is a curated library, that can help you find relevant information on your UX journey!
An inventory management by leveraging AI video analytics and smart sensors.
Learn key steps to land your first tech role, build a standout portfolio.
Built a supportive community, connecting farmers and cooperatives with funding.
Experimental interfaces, interactive prototypes, and creative design explorations
High-fidelity prototypes with micro-interactions and animations
Experimental 3D UI elements and immersive design concepts
Exploring the intersection of AI and user experience design
Cutting-edge mobile interface patterns and gestures
Inclusive design solutions and accessibility-first approaches
Interactive components, design systems, and functional UI elements built with modern web technologies
Neumorphic button components with hover states and animations
Custom form elements with validation and interactive feedback
Custom switches and controls with smooth animations
Animated progress bars and loading states
Hover effects and micro-interactions
Click to flip
Creating beautiful and functional user interfaces
Click to flip
Bringing designs to life with modern web technologies
Click to flip
Fast, efficient, and scalable solutions
Sample CSS for neumorphic button implementation
.demo-button {
background: linear-gradient(145deg, #f5f7f9, #ffffff);
box-shadow:
inset 4px 4px 8px rgba(174, 190, 205, 0.25),
inset -4px -4px 8px rgba(255, 255, 255, 0.95),
2px 2px 6px rgba(174, 190, 205, 0.15);
border-radius: 8px;
border: none;
padding: 12px 24px;
transition: all 0.3s ease;
cursor: pointer;
}
.demo-button:hover {
transform: translateY(-2px);
box-shadow:
6px 6px 12px rgba(174, 190, 205, 0.25),
-6px -6px 12px rgba(255, 255, 255, 0.95);
}