Interface Designs
This is an evolving collection of original interface design work. Every piece was created without generative AI. These examples highlight my approach to visual storytelling, interaction design, and user experience, showcasing custom illustrations, 2D/3D animations, and interactive concepts.
Last updated Feb. 18, 2025
Last updated Feb. 18, 2025
Model Selection
Interaction use case: User selects a 3D model and a UI pop up displays showing additional information.
Inspiration: Video game selection menu, museum exhibitions
Pipeline: Blender: Scene setup + animation ➔ After Effects: post-processing & final edits.
Interaction use case: User selects a 3D model and a UI pop up displays showing additional information.
Inspiration: Video game selection menu, museum exhibitions
Pipeline: Blender: Scene setup + animation ➔ After Effects: post-processing & final edits.
Landing Page
Use case: An interface where a user submits an idea and the machine returns something fun.
Inspiration: RunwayML, higgsfield.ai, Midjourney
Pipeline: Illustrator + Figma ➔ After Effects
Use case: An interface where a user submits an idea and the machine returns something fun.
Inspiration: RunwayML, higgsfield.ai, Midjourney
Pipeline: Illustrator + Figma ➔ After Effects
Home Screen Concept
Use case: This concept explores a live streaming UI optimized for community engagement and discoverability, prioritizing quick access to active conversations.
Inspiration: Twitch & Discord
Link: Check out the Brain Project
Use case: This concept explores a live streaming UI optimized for community engagement and discoverability, prioritizing quick access to active conversations.
Inspiration: Twitch & Discord
Link: Check out the Brain Project
Landing Page
Use case: Designed and developed interactive UX/UI systems for MHO Networks.
Inspiration: “Experiments with Google” and Isometric aesthetic
Link: Check out the MHO project
Use case: Designed and developed interactive UX/UI systems for MHO Networks.
Inspiration: “Experiments with Google” and Isometric aesthetic
Link: Check out the MHO project
Password screen
Use case: An access screen inspired by sci-fi HUDs and command systems.
Inspiration: Designed to explore motion, encryption visuals, and immersive UI aesthetics.
Pipeline: Blender: Geometry node setup + shader ➔ After Effects: post-processing & final edits.
Use case: An access screen inspired by sci-fi HUDs and command systems.
Inspiration: Designed to explore motion, encryption visuals, and immersive UI aesthetics.
Pipeline: Blender: Geometry node setup + shader ➔ After Effects: post-processing & final edits.
XR Detail Page
Use case: View and manipulate high-fidelity 3D scanned artifacts in immersive mixed reality environments. Support archaeological research and cultural education through interactive 3D models.
Inspiration: Behance Portfolio & Apple's Human Interface Guidelines.
Tools used: Apple Vision Pro, Iphone 14 pro (photogrammetry) , Blender & Xcode for Swift development
Link: Check out the 3D models
Use case: View and manipulate high-fidelity 3D scanned artifacts in immersive mixed reality environments. Support archaeological research and cultural education through interactive 3D models.
Inspiration: Behance Portfolio & Apple's Human Interface Guidelines.
Tools used: Apple Vision Pro, Iphone 14 pro (photogrammetry) , Blender & Xcode for Swift development
Link: Check out the 3D models
Animated UI information display
Use case: Integrate photogrammetry assets into Blender for scene construction and animation.
Tools used: Iphone 14 pro (photogrammetry) , Blender & After Effects
Pipeline: Blender: scene setup + animation ➔ After Effects: post-processing & final edits.
Use case: Integrate photogrammetry assets into Blender for scene construction and animation.
Tools used: Iphone 14 pro (photogrammetry) , Blender & After Effects
Pipeline: Blender: scene setup + animation ➔ After Effects: post-processing & final edits.
Sci-fi Interface Exploration
Use case: An interface prototype featuring cybernetic elements and dynamic data visualizations.
Inspiration: Visual language inspired by The Creator (2023). Blending hand-drawn identity with minimal sci-fi UI, and machine-scanned overlays.
Pipeline: Concept Illustration ➔ After Effects Motion Design
Use case: An interface prototype featuring cybernetic elements and dynamic data visualizations.
Inspiration: Visual language inspired by The Creator (2023). Blending hand-drawn identity with minimal sci-fi UI, and machine-scanned overlays.
Pipeline: Concept Illustration ➔ After Effects Motion Design