Selected Projects
Selected Work
Three self-directed concepts, followed by client work in brand identity, web, print and motion.
Brief, role & process — KIN 01
- Brief
- Create a fictional household robot with the visual character of a plausible premium product: distinctive, approachable and comfortable in a high-end living room. Explore how AI and web technologies can turn that concept into an immersive launch experience, with a story centered on the time it gives a family back.
- My role
- Product concept and visual character, logo and identity, website design, art direction, film selection and editing. I directed the typography, buttons, color palette and interaction details.
- Identity & design
- I developed an AI-generated wordmark into a custom identity: the robot’s illuminated eye becomes the “I” in KIN, and its face becomes the standalone brand mark. Warm ivory and copper, expressive typography and everyday domestic scenes give the technology a more human character.
- AI collaboration
- I worked with ChatGPT, Codex and Claude Code on design exploration, visual options, interaction refinement and development. Generative image and video tools, including Seedance, helped create the lifelike product and film assets. I set the art direction, selected and edited the outputs, and reviewed each iteration.
- Tools & technology
- HTML, CSS, JavaScript and Canvas for the responsive website, chapter navigation, films and interactive robot portrait; Three.js for the 3D exhibits; Blender for 3D exploration and motion guides. The linked site is a working portfolio concept; the robot and its product claims are fictional.
Brief, role & process — SOLA
- Brief
- Invent a sparkling botanical tea brand and present it as one connected experience: identity, illustration, packaging, motion and an interactive website.
- My role
- Brand concept, wordmark and identity, six flavor characters and their can artwork, illustrated flavor worlds, website design and art direction.
- Flavor worlds
- The flavor worlds began as generative video, then moved to a sharper, more playful approach: Codex, using Astra 6, built each scene as a layered 4K PSD, so every element could animate on its own. The scenes stay crisp in the browser, with no video compression. Click a character and it jumps; click a juice drop or the fruit in the trees and it bursts into juice.
- AI collaboration
- I used generative image tools to explore the character style, then adapted the chosen direction across all six flavors. I refined the selected characters as vector artwork in Illustrator and Figma, and worked with Claude Code and Codex on the website and its interactions. I set the art direction, selected and corrected the outputs, and reviewed each iteration.
- Tools & technology
- React, TypeScript, Vite and Three.js for the website, the turning can and the flavor worlds; Illustrator and Figma for the vector artwork; Photoshop for the layered scenes. The brand and its products are fictional.
Brief, role & process — ARES EV — Neutron RS-X
- Brief
- Invent a motorcycle brand and build a product-launch experience that communicates its character through image, type and movement.
- My role
- Brand concept, visual direction, website design, image and film art direction, asset editing, and direction of the interactive implementation.
- Design decisions
- Dark environments and electric blue tie the identity to the bike. Scroll-led riding scenes establish atmosphere; the exploded core and color configurator invite product exploration.
- AI collaboration
- Generative image and video tools created the fictional product footage. I selected and edited the assets and directed the design; AI coding assistants supported implementation.
- Tools & technology
- Next.js, React, TypeScript, custom CSS and native video playback. An image-sequence rotator and pre-rendered colorways keep the product presentation consistent. This is a design concept, with imagined specifications and no production or testing claims.
Client work — Pacific Sky, 2016–2025
More work
Packaging, print and identity work from my archive.
