JeffPan.
Creative Designer & Developer
About Me
I'm Jeff, a multidisciplinary designer with 6+ years of experience across product, industrial, graphic, and 3D design. Currently, I am studying a Bachelor of Computer Science alongside working as a Product Designer, bridging the gap between hardware prototyping, graphic motifs, and digital frontends.
Every project is treated as an interactive installation: combining design principles with performance-oriented web development (Next.js, Three.js, R3F, and GSAP).
Featured Projects
IMOTO founders reached out to me to help them establish their new brand for ceremonial matcha tea, where I designed logos, colour palettes, packaging labels, and established the foundation for their eCommerce website built on Shopify.
Acrylix reached out for a hero video to showcase their product. I modelled their product within Fusion360, and then brought it over into Keyshot Pro to bring the animation to life. Supporting graphic assets were made in Figma.
Non-profit organisation, Young Transport Professionals (YTP) reached out to me to help them rebuild their brand image and their front-facing website, as well as establish a line of merchandise to help promote their events.
RWH tasked me with designing a numpad to go alongside their M60-B keyboard. For this project, I modelled the design within Fusion360 and prototyped the product using 3D printing before reaching out to various manufacturers for aluminium prototypes.
RWH required a face-lift for their eCommerce store, as it was outdated and the user experience left much to be desired. After redesigning the storefront, the RWH store presented a modern responsive online shopping experience, with custom snippets showcasing specialised disclaimers for the complex products that the store was advertising and selling.
RWH required packaging designed for their new chess set. For this project, I established new brand motifs and packaging concepts that would later be used as a foundation for their other packaging designs.
Technical proficiency meets creative intent.
My skillset is a blend of technical design and creative development. I create dynamic media to support the experiences I make to bring forth immersion and interest.
- •HTML / CSS / JavaScript
- •React / Next.js
- •TypeScript
- •Tailwind CSS
- •Three.js / WebGL
- •GSAP
- •Three Fiber
- •Blender
- •Docker
- •Proxmox
- •Vercel
- •Cloudflare
- •Figma
- •Product Design
- •CAD / 3D Modeling / Fusion 360
- •Prototyping