UI/UX DESIGN • FRONTEND DEVELOPMENT • PRODUCT DESIGN
AVAILABLE FOR REMOTE WORK
AVAILABLE WORLDWIDE (REMOTE)
A curated showcase of software products and web applications.
UI/UX Designer & Front-End Web Developer // Professional Background
I take web products from business requirements and information architecture through interface design, responsive front-end implementation, Git/GitHub workflows, and Vercel deployment.
My background spans Psychology (Trinity Western University, BC, Canada) and Business Administration & Marketing (BBA). Psychology shapes how I analyze human behavior, attention, information processing, and visual hierarchy; Marketing provides practical understanding of audience positioning, conversion calls to action, and commercial goals.
LOCATION: International Remote (US & Worldwide)
SPECIALTY: Information Architecture, React/TypeScript, Mobile UI
LANGUAGES: English, French (DELF), Punjabi, Hindi, Spanish
UI/UX & HYBRID MARKETING SPECIALIST
HARVARD, MA / REMOTE · IN-HOUSE
STORE MANAGER & OPERATOR
LANGLEY, BC, CANADA · RETAIL
FRENCH LANGUAGE INSTRUCTOR
DELF SYLLABUS · ACADEMIC
CONTRACT FREELANCE UI/UX
CLIENT PROJECT · 100K+ MEMBERS
PROPERTY MANAGEMENT SAAS
INDEPENDENT SAAS PRODUCT
AI RECIPE & VISION SCANNER
PERSONAL AI APPLICATION
STUDIO PRACTICE
PERSONAL STUDIO
CU UNIVERSITY — MARKETING SPECIALIZATION
Focus on audience positioning, customer communication, brand presentation, and commercial goals in digital products.
TRINITY WESTERN UNIVERSITY — LANGLEY, BC, CANADA
Studied cognitive psychology and human behavior to inform visual attention, navigation, and interface interaction design.
Frosted-glass architectural tiles detailing languages, frameworks, and system capabilities.
Engineered strict type systems, custom generics, and enterprise-grade state interfaces for zero-runtime type errors across high-frequency SaaS applications.
Architected high-density SPAs and server-rendered Next.js platforms utilizing server components, streaming SSR, atomic state selectors, and sub-16ms renders.
Built scalable REST API servers, real-time WebSocket telemetry feeds, and microservice middleware pipelines capable of handling continuous live data streams.
Crafted custom GPU fragment shaders, 3D particle fields, and interactive WebGL background canvases optimized for 60FPS performance on mobile retina displays.
Developed modular Brutalist and Glassmorphic design tokens, custom utility plugins, and responsive CSS architectures for dark-mode enterprise SaaS platforms.
Designed relational database schemas, complex JSONB query indexes, and transaction pipelines optimized for data-heavy SaaS backends.
Integrated multi-modal vision models into real-time web engines (e.g. CookCan), processing live camera feeds for instant structured JSON payload generation.
Implemented staggered timeline animations, scroll-triggered GPU reveals, and zero-dependency Web Audio synthesizers for tactile UI pop feedback.
Created high-fidelity interactive wireframes, component libraries, and brutalist typographic systems focusing on high data-density and operator UX efficiency.
Explored memory-safe low-level systems architectures (e.g. KERN Engine) for real-time telemetry monitoring, thread synchronization, and raw binary parsing.
Managed automated GitHub Actions deployment pipelines, Vercel deployments, semantic versioning, and feature-branch workflows for enterprise codebases.
Bridged strategic business requirements with technical frontend architecture, leading product sprints, client communication, and code quality standards.
Employed Google Stitch and Vertex AI cloud infrastructure for rapid generative UI prototyping, component synthesis, and automated frontend code generation.
Utilized Adobe Creative Cloud (Photoshop, Illustrator, Creative Cloud Services) for vector design, digital asset optimization, and brand identity architecture.
Design systems, architecture, and engineering essays.
Why high information density and unapologetic structural design lead to faster operator workflows and superior edge delivery.
Implementing zero-latency fluid state structures using custom hook architectures in React, specifically for property management interfaces.
A deep dive into piping raw camera stream data through Gemini's vision models to generate structured JSON recipe payloads on the fly.
Aesthetic design movements and visual inspirations.
BRUTALISM
Dense information architecture inspired by vintage broadsheets. High contrast, raw typography, and grid clarity.
MINIMALISM
Subdued neutrals, subtle structural cutouts, and Korean cyber-minimalist aesthetics from the early 2000s.
GEOMETRY
Form follows function. Primary geometric shapes, asymmetric balance, and industrial design discipline.
RETRO JAPAN
Warm 1970s Japanese color palettes, analog print textures, and mid-century industrial typography.
CYBER ANIMATION
Cel-painted animation frames, hand-drawn mech UI overlays, and dramatic cyber-noir lighting.
ECO TECH
Organic nature seamlessly coexisting with high-tech UI structures and sustainable eco-data overlays.
Real-time public commit feeds, contribution heatmaps, and GitHub telemetry.
@hvndal
HERMAN HUNDAL-- REPOS
FETCHING PROFILE STATS...TS / REACT / RUST
OPEN SOURCE CONTRIBUTORAVAILABLE FOR HIRE
OPEN TO FULL-TIME & CONTRACT ROLES