top of page

Elcogen veebilehe prototüüp

Kõrgtehnoloogilise ettevõtte interaktiivse prototüübi disain

KLIENT

Elcogen

PROJEKT

UX/UI Disain

TÖÖRIISTAD
AEG

2023

Website design

Kõrgtehnoloogilise ettevõtte interaktiivse prototüübi disain.

Aitasin teostada tehnoloogiaettevõttele Elcogen AS kaasaegse veebilehe visuaalse kontseptsiooni ja interaktiivse prototüübi. Töötlesin fotomaterjali ning disainisin keerulisi tehnilisi andmeid selgelt edasi andvad diagrammid ja visuaalsed elemendid.

Elcogen — Kõrgtehnoloogilise ettevõtte veebilehe prototüüp



Elcogeni koduleht sinisel taustal, tekstiga Affordable Green Hydrogen; paremal udune rahvamass ja vasakul menüüikoonid.


Ülevaade ja roll


Panustasin vesinikutehnoloogia ettevõtte Elcogen AS kaasaegse veebikeskkonna visuaalse kontseptsiooni ja interaktiivse prototüübi loomisesse. Liitusin projektiga selle keskfaasis, vastutades sisu moodulipõhise paigutuse, keeruliste tehniliste andmete visualiseerimise ja veebilehe kasutajaliidese ehitamise eest.


Elcogeni veebilehe ekraanipilt: Careers, Solid Oxide Stack Module ja Contact us, fotod töötajatest ning vorm.


UI/UX prototüüpimine ja navigeerimissüsteem


  • Sisu moodulstruktuur: Paigutasin teksti- ja fotomaterjali prototüüpi, lähtudes lähteülesande dokumentatsioonist ja spetsiaalsest Exceli süsteemist, tagades andmete loogilise infoarhitektuuri.

  • Interaktiivne liides: Ehitasin ja korrigeerisin ekraani vasakus servas püsivalt kättesaadava mitmekihilise menüü, mis toetab ettevõtte brändi keskmõistet — mitmekihilisust.

  • Dünaamilised animatsioonid: Planeerisin horisontaalse kerimise lahendused, kus õhulised vaated vahelduvad kihiliste pildianimatsioonide ja tootevideotega.



Infograafika, vektoriseerimine ja fototöötlus


  • Tehniline infograafika: Vektoriseerisin keraamiliste elementide ja vesinikutehnoloogia keerukad diagrammid ning valisin teemasid toetavad selged ikoonikomplektid.

  • Digitaalsete meediafailide töötlus: Eemaldasin tootefotodelt taustad, kadreerisin artiklifotod õigetesse mõõtudesse ning optimeerisin pildiresolutsioonid veebilehe kiiruse tagamiseks.

  • Kategooria: UI/UX veebidisain, interaktiivne prototüüpimine, infograafika, fototöötlus

  • Klient: Elcogen AS

  • Tööriistad: Adobe XD, Adobe Illustrator, Adobe Photoshop



Adobe XD programmi töölaud


Adobe XD töölaud paljude Ecogeni veebidisaini artboardide ja vasakpoolse menüüga, helehall taust.


Kontakt lehe kujundus


Elcogeni kontaktide leht tumedal taustal: Eesti, Soome ja Ühendkuningriigi kontorid, kaardid ja logod.


Infograafilised diagrammid


Lisaks prototüübile koostasin veebilehe materjalide jaoks ka diagrammid, eemaldasin tootefotodelt taustasid jms.



Joongraafik Elcogen Single Cell VTT-1 SOEC UI curve: cell voltage tõuseb kolme SOEC-kõvera korral koos voolutihedusega.


Kolme joonega graafik: pinge ja SEC-m kasvavad võimsusega; [H2] 10%, 30% ja 52% legendis.

Tulp- ja joondiagramm: brutotõhusus langeb 75,2-lt 73,4%-ni, võimsus tõuseb 1500–3000 W; telg Current [A].

bottom of page