SaaS · Oblikovanje izdelka · Spletno oblikovanje

Nimbus Labs

Platforma za analitiko izdelkov v švicarskem, terminalskem slogu: tanka stolpčna mreža, monospace podatki, en sam kislo zelen poudarek in dva delujoča podatkovna elementa — animiran lijak in osemtedenska tabela kohort — vse v HTML, CSS in SVG.

PanogaSaaS · Analitika izdelkov
Leto2026
StoritveSpletno oblikovanje · Front-end · Animacije
TehnologijaHTML · CSS · SVG · čisti JS
Nimbus Labs — full page
Nimbus Labs on a phone
Na telefonu

Zgrajeno za mobilne najprej

Oblikovano, da ostane ostro na telefonu: celotna postavitev je odzivna vse do 390px, izdelana na roke brez ogrodja.

Naloga

Naj analitični izdelek izgleda, kot da spoštuje podatke. Brez hero ilustracije, brez gradientnih madežev — stran, katere tipografija in mreža se vedeta kot orodje samo.

Kaj smo zgradili

Ena samostojna stran: hero, osvetljen s kazalcem, in živ števec dogodkov, animiran lijak, ki sam označi najhujši osip, štiri zmožnosti, obarvan namestitveni izsek, toplotna karta kohort, generirana v brskalniku, pas metrik, mnenja, cenik v obliki tabele in pogosta vprašanja.

Oblikovalske odločitve

01
Problem

Naj deluje tehnično, ne okrasno

Kupci analitike zaupajo orodjem, ki so videti kot orodja. Lep hero s fotografijo bi izdelek podcenil.

Naša rešitev

Nadzorno ploščo smo zgradili v SVG — graf in stolpci, ki se animirajo ob nalaganju — da hero pokaže izdelek, ne razpoloženja.Stran prodaja zmožnost, ne vtisa.

02
Problem

Vrhunski videz brez ogrodja

Večina takih strani naloži megabajt Reacta za eno pristajalno stran.

Naša rešitev

Ročno napisan HTML, CSS in čisti JS, vse vgrajeno. Steklene kartice in gradient v čistem CSS.Ena datoteka, brez gradnje, skoraj takojšnje nalaganje.

03
Problem

Gibanje, ki vodi, ne moti

Razvijalsko občinstvo odvrne hrupna animacija.

Naša rešitev

Nežno razkrivanje ob drsenju in števci, vse pogojeno s prefers-reduced-motion.Živo ob nalaganju, mirno ob drsenju, statično, če tako želiš.

Odpri živo stran
Naslednji projekt Wildroot