Elcogen website prototye

Elcogen — Interactive High-Tech UI/UX Web Prototype

Overview & Role

Contributed to the web redesign and interactive prototyping for Elcogen AS, a leading green hydrogen and solid oxide technology pioneer. Joining the project during its core development phase, I was responsible for assembling content modules, optimizing asset management systems, and structuring complex technical data into an intuitive, high-tech digital experience.

UI/UX Prototyping & Modular Architecture

• Content Mapping & Layout Structuring: Systematically mapped copy from master documentation to wireframes using Excel cross-referencing frameworks, assembling modular layouts into a responsive Adobe XD prototype.

• Interactive Navigation Architecture: Built and refined user interface components, including a persistent multi-layered left-hand navigation drawer tailored to the brand's core visual theme: layering.

• Dynamic Interaction Design: Configured horizontal scroll triggers where airy, minimalist sections seamlessly transition into layered image animations and embedded product videos.

Infographics, Vectorization & Digital Asset Prep

• Technical Infographics: Vectorized complex data diagrams, schematics, and UI elements, selecting precise iconography to illustrate hydrogen electrolysis and fuel cell processes clearly.

• High-Volume Photo Processing: Executed background isolation on multi-layer ceramic product photography, cropped editorial media assets, and optimized high-resolution files for web performance.

• Category: UI/UX Design, Interactive Prototyping, Technical Infographics, Asset Optimization

• Client: Elcogen AS

• Tools: Adobe XD, Adobe Illustrator, Adobe Photoshop

Adobe XD working area

Contact page design

Infographic diagrams

In addition to the prototype, I also created diagrams for the website, removed backgrounds from product photos, etc.