Lasten projekt · Studio ME2D.si
SUPERS
Pet obsesij. Ena skupina.
Tokrat brez naročnika. SUPERS je naša lastna skupina petih navdušenskih katalogov: letala, avtomobili, tanki, elitne enote in bojne ladje. Začeli smo v začetku leta 2026 in projekt še raste. Pet samostojnih strani, en portal, en jezik oblikovanja in vse v živo.
- 4.417strojev in enot v katalogih
- 5samostojnih strani + portal
- 2026začetek projekta, razvoj se nadaljuje
- 3interaktivne časovnice
- 5.100+strani v zemljevidih za Google
Družina
Pet svetov, ena družina
Vsaka stran je svoj svet s svojim katalogom, lestvicami, primerjalnikom in legendami, a vse govorijo isti vizualni jezik. Barva pove, kje ste.
-
01
SUPERJETS
444letal
Lovci, helikopterji, potniška letala, droni in zgodovinski letalci.
Obišči -
02
SUPERCARS
3.379avtomobilov
Hiperavtomobili, klasike, predelave in koncepti. 110 znamk.
Obišči -
03
SUPERTANKS
211tankov
Sodobni glavni bojni tanki in oklep, ki je pisal zgodovino.
Obišči -
04
SUPERFORCES
132enot
Elitne vojaške in policijske enote, operaterji in orožje.
Obišči -
05
SUPERSHIPS
251ladij
Bojne ladje, križarke, rušilci, podmornice in doba jader.
Obišči
Izdelava
Kako smo zgradili pet strani naenkrat
Pet strani z več kot 5.100 podstranmi se ne da urejati ročno. Zato SUPERS ni pet ločenih projektov, ampak en sistem: podatki, lasten generator, en oblikovni jezik in nekaj skupnih delov, ki jih vsaka stran uporabi po svoje.
- 01Podatkivsak stroj: ime, proizvajalec, država, leto, vloga, tehnični podatki, galerija
- 02Generatorlasten generator v Node.js zgradi vse strani, menije, zemljevide strani in podatke za časovnice
- 035 strani + portal5.100+ vnaprej pripravljenih strani v čistem HTML, brez ogrodij in brez baze
- 04StrežnikLiteSpeed z Brotli stiskanjem, stran gre k obiskovalcu že pripravljena
01
En oblikovni sistem, pet barv
Vseh pet strani nalaga isto slogovno datoteko. Razlikujejo se samo po temi: vsaka ima svojo barvo in ton, zato je sprememba gumba ali kartice narejena enkrat in velja povsod. Pisave so Chakra Petch za naslove ter IBM Plex Sans in Plex Mono za besedilo in tehnične oznake, kar da celoti občutek vojaškega instrumenta.
Skupen je tudi celozaslonski meni družine. To je samostojna skripta, ki jo vsaka stran vključi z eno vrstico: sama doda svoj slog in vsebino, iz naslova strani prepozna, kje ste, pri zapiranju pa vrne fokus na gumb in odklene drsenje.
02
Stran za vsak stroj
Vsak od 4.417 vnosov ima svojo stran z uvodom, podatkovno tablico (proizvajalec, država, vloga, pogon, hitrost, višina, oborožitev, doseg), galerijo s pregledovalnikom slik in sorodnimi stroji iz istega hangarja. Strani generator zgradi iz podatkov, zato so vse enako urejene in vsaka ima svoj naslov in opis za Google.
Deljenje uporabi vgrajeni meni telefona za deljenje, na računalniku pa povezavo kopira v odložišče.
03
Primerjalnik s svojim algoritmom
V primerjalniku so podatki vseh strojev že v strani, zato je primerjava takojšnja, brez čakanja na strežnik. Iz tehničnih podatkov izračunamo pet lastnosti (hitrost, ognjena moč, višina, doseg, okretnost), ki se izrišejo kot stolpci iz 14 segmentov, in skupno oceno BADASS.
Ocena dobi tudi čin, od »Lawn Dart« do »Absolute Unit«, ognjena moč pa opis od »Little Bunny« do »Grim Reaper«. Igrivo, a izračunano iz pravih podatkov. Isti mehanizem teče na vseh petih straneh kot MADNESS, STEEL in BROADSIDE.
Ob njem so še lestvice Top 10, kjer obiskovalec sestavi svojo in jo deli, strani legend (asi, vozniki, poveljniki, admirali, operaterji) ter na SUPERFORCES zemljevid ATLAS evropskih intervencijskih enot.
04
Video brez teže
Portal in vstopne strani nosijo video v ozadju, vsak svet s svojim posnetkom. Videi se ne naložijo z vso stranjo: skripta jih vklopi sproti, na zaslonih do 820 pikslov pa naloži posebne, lažje različice za telefone. Slike so nalagane sproti, ko pridejo na zaslon.
05 · Najzahtevnejši del
Časovnice: zgodovina na eni stezi
Vsak stroj stoji na letu, ko je prvič poletel, zapeljal ali splul. Navpično drsenje se prevede v vodoraven let skozi čas, zato je bila časovnica najzahtevnejši del celotnega projekta.
FLIGHTLINE
1903 → 2026 · zgodovina letenja
433
Vojaška · 246Civilna · 96Helikopterji · 68Eksperimentalna · 23
Spodnji števec: najhitrejše letalo do tistega leta. Odpri FLIGHTLINE
FRONTLINE
1915 → 2026 · zgodovina oklepa
207
Tanki · 143Topovi in lovci · 33Bojna vozila · 31
Spodnji števec: najhitrejše vozilo na goseničah. Odpri FRONTLINE
WATERLINE
890 → 2026 · zgodovina bojne ladje
247
Površinske ladje · 161Podmornice · 86
Spodnji števec: največje plovilo do tistega leta. Odpri WATERLINE
- Boben progProge stojijo na valju okoli skupne osi časa. Izbrana je spredaj, sosednji sta nagnjeni zgoraj in spodaj. Ob preklopu se valj zavrti za en »naboj«, kot pri revolverju. Karte ostanejo pokončne, globino pokaže samo pomanjšanje.
- Stisnjeno merilo letObdobja brez vnosov (pri ladjah na primer 890–1511) dobijo skoraj nič prostora, gosta leta pa ga dobijo več. Enako merilo velja za stezo, sled rekorda in trak ob robu.
- Nebo iz shaderja WebGLOzadje riše grafična kartica, nad njim sta dve plasti paralakse: daljne letnice desetletij se premikajo počasi, bližnje sledi hitrosti hitro.
- Sled rekorda in HUDNa dnu teče sled najhitrejšega stroja do trenutnega leta, zgoraj HUD z letnico in hitrostjo, pri letalih tudi v Machih.
- Na telefonu drug vmesnikNamesto valja navpičen seznam s filtrom, lepljive letnice in trak ob desnem robu, ki z vlečenjem skoči na izbrano leto.
- Dostopnost in povezaveUpošteva nastavitev za manj gibanja, karta s tipko Tab pride na zaslon, na vsako leto pa vodi svoja povezava (na primer #1935). 452 slik se nalaga sproti, zato prvi prikaz ostane lahek.
06 · Rezultat
Hitro, čisto, zasebno
- Google Lighthouse
- Dobre prakse 100 in SEO 100 na vseh izmerjenih straneh, dostopnost 94 do 98. Časovnica na računalniku doseže 96 za hitrost in ob prvem prikazu naloži le okoli 0,6 MB.
- Brez sledenja
- Brez piškotkov, brez analitike in brez oglasnih omrežij. Stran kliče samo svoj strežnik in Googlove pisave.
- Pripravljeno za iskalnike
- Več kot 5.100 naslovov v zemljevidih strani, strukturirani podatki in lasten naslov ter opis za vsako stran.
- E-novice
- Ena prijava za izbrane strani, potrditev po e-pošti (dvojna privolitev) in odjava z enim klikom.
Partnerstvo
En partner na projekt.
Nobenih pasic.
SUPERS ne polnimo z oglasi. Vsak projekt ima enega samega partnerja in dokler pogodba velja, se ob njem ne pojavi nobena konkurenčna znamka. Logotip je vgrajen v postavitev strani, z njeno tipografijo in barvami, nič ne utripa in nič ne sledi bralcu.
Pomembno pravilo: partner mora spadati k vsaj eni od petih tem, na primer oprema k enotam, deli k avtomobilom, optika k tankom ali avionika k letalom. Zato partnerski znak na teh straneh deluje kot priporočilo, ne kot oglas.
- Partneren projekt890 €/ leto
- Exclusive Partneren projekt, izpostavljeno1.290 €/ leto
- Premium Exclusiveen projekt + vsebina1.790 €/ leto
- Multi-projectdo trije projekti2.490 €/ leto
- General Partnervseh pet + portal, samo eden3.990 €/ leto
Javni cenik, končne cene za 12 mesecev. Mesto generalnega partnerja je eno samo za celotno mrežo.
Kaj to pomeni za vas?
SUPERS je dokaz, kaj zmoremo, ko nas nihče ne omejuje: velike kataloge, ki se nalagajo takoj, interaktivne časovnice, primerjalnike in mrežo strani z enotnim oblikovanjem. Enako lahko zgradimo za vaš katalog izdelkov, arhiv ali zbirko.
