Web Development and Design

My approach to web design and development centers on translating complex, technical products into clear, engaging digital experiences. Across the websites I have developed and designed, I focus on building structured, user-driven interfaces that align with real-world workflows. For product-driven experiences, I design sites that balance storytelling with technical depth. My process integrates UX strategy, responsive design, and visual hierarchy to ensure clarity across devices, while maintaining a cohesive brand language that reflects sophistication and creative application.
 
Product Launch Mobile App Software Release Award and Event Product Catalog

The vertically scrolling animation above reveals the Auroris system through layered cinematic visuals and technical callouts, progressively unfolding its scale, modularity, and lighting capabilities as the user moves through the page.

Product Launch

The Auroris website was designed as a cinematic product launch experience that introduces a new category of large-format overhead lighting. Built around the concept of “a new dimension of lighting,” the site translates complex engineering into a clear, visually driven narrative, positioning Auroris as a sleek, pixel-mappable soft light for large-scale environments. The design emphasizes scale, simplicity, and performance through bold imagery and structured content that highlights key innovations, such as Spectrum color technology and modular design. Overall, the site reframes overhead lighting as a streamlined, flexible system, communicating both the product’s capabilities and its impact on modern production workflows
 

Software: Adobe Illustrator, Adobe Photoshop, Adobe XD, Miro, Figma

View Scroll Animation Storyboard

Product Launch

The Auroris site features product visualization through an immersive 360° virtual experience that allows users to explore Auroris in full detail, rotating, zooming, and inspecting the system from every angle, while interactive call-outs dynamically reveal key components, features, and technical insights, transforming complex engineering into an intuitive, hands-on digital walkthrough. 
 

Software: Adobe Illustrator, Adobe Photoshop, Adobe XD, Miro, Figma

 

 

Sleek, motion-driven callouts animate in sync with the rotating product, precisely highlighting key components and features as they appear in view, reinforcing both spatial awareness and technical understanding in real time.

View Page
View Layout

Product Launch

The Auroris website and e-commerce experience create a seamless journey from cinematic product storytelling to streamlined purchasing, using a scroll-driven microsite to introduce features, applications, and technical innovations. The experience transitions into a structured product interface that organizes kits, components, and accessories into a clear, modular system, enabling users to easily configure and specify a complete lighting solution.
 

Software: Adobe Illustrator, Adobe Photoshop, Adobe XD, Miro, Figma

 
 
The microsite wireframe maps a user journey that progressively introduces product features, media, and technical details through content blocks, interactive elements, and a clearly defined hierarchy.

Mobile App Explainer Site

I designed the TechScout Touch website as a direct extension of the product, aligning the site structure with core user actions, including building lists, selecting gear, and placing orders. The UX focuses on clarity and speed, guiding users from understanding the platform to downloading the app. Visually, I carried over the app’s dark, high-contrast aesthetic to create a cohesive cross-platform experience.
 

Software: Adobe Illustrator, Adobe Photoshop, Adobe XD, WordPress
View the Site Layout

Software Release

I designed, developed, and art directed the LiteGear Spectrum OS microsite as an immersive, scroll-driven experience that translates complex lighting technology into a clear, visually engaging narrative. Bold imagery and vibrant color gradients reflect the product’s full-spectrum capabilities, while modular sections break down key features. The result is a clean, cinematic platform that balances product storytelling with technical clarity, serving as both a marketing tool and a resource for industry professionals.
 

Software: Adobe Illustrator, Adobe Photoshop, Adobe XD, WordPress

Award and Event

I designed and developed the CIMA website as a unified platform for awards, events, and ticketing, balancing storytelling with a clear user pathway. A dynamic homepage carousel highlights honorees and films, while streamlined navigation directs users to tickets, membership, and event content. All pages offer a clean, editorial layout with strong hierarchy, large imagery, and contextual sidebars to enhance readability and exploration. Built for scalability and easy updates, the site delivers a polished, brand-aligned experience that supports ongoing events and engagement.
 

Software: Adobe Illustrator, Adobe Photoshop, Adobe XD, HTML

Product Catalog

I designed and developed the Mole-Richardson Co. website to modernize a legacy brand while maintaining its heritage in professional film lighting. The experience prioritizes intuitive product discovery, guiding users from category overviews to detailed product pages with specifications, imagery, and downloadable resources. A structured grid system and consistent sidebar navigation support easy browsing and access to catalogs, media, and technical documentation.
 

Software: Adobe Illustrator, Adobe Photoshop, HTML, Adobe Flash
View Desktop and Mobile Site Drafts

Software Release Site

I designed and developed the LiteGear Spectrum OS microsite as an immersive, scroll-driven experience that translates complex lighting technology into a clear, visually engaging narrative. Bold cinematography and vibrant color gradients reflect the product’s full-spectrum capabilities, while modular sections break down key features. The result is a clean, cinematic platform that balances product storytelling with technical clarity, serving as both a marketing tool and a resource for industry professionals.
 

Software: Adobe Illustrator, Adobe Photoshop, Adobe XD, Miro, Figma