FormVault

Dva systémy nad jednými dátami: verejný katalóg a administrácia za ním

FormVault je platforma na správu a distribúciu 3D modelov nábytku pre architektov a interiérových dizajnérov. Navrhli sme full-stack MVP: dvadsať obrazoviek v dvoch prepojených systémoch, dodané v piatich míľnikoch od wireframu po hi-fi prototyp a navrhnuté pre katalóg v desiatkach tisíc modelov.

Dizajn full-stack MVP. Uzavretý rozsah, akceptované míľniky, pripravené na vývoj.

OdvetvieIT a softvér
TypProduct design (B2L)
NasadenieHi-fi prototyp, pripravený na vývoj

01Výzva

Kde to začalo.

Pre architekta znamená nájsť 3D model konkrétneho kresla obchádzanie webov výrobcov jeden po druhom, každý s vlastným pomenovaním, vlastnými formátmi a vlastnou predstavou o kategórii. Práca nie je modelovanie, ale hľadanie, a opakuje sa pri každom projekte.

Podrobne

Na druhej strane tých istých dát stojí problém, ktorý nikto nevidí. Kto tie modely publikuje, nemá prehľad o tom, čo je zverejnené, čo čaká na kontrolu, čo je skryté a čo sa sťahuje. Bez stavov a čísel sa rastúci katalóg spravuje z pamäti a e-mailov.

Katalógový projekt teda potichu obsahuje dva produkty a ich rozsah musí byť viditeľný skôr, než sa začne programovať. Dvadsať obrazoviek navrhnutých pre katalóg v desiatkach tisíc modelov je to, čo z rozsahu urobí rozhodnutie namiesto objavu v polovici vývoja.

Citát

“Katalógový projekt v sebe potichu obsahuje dva produkty. Keď sú oba v jednom prototype, je to viditeľné ešte pred podpisom.”

02Čo sme postavili

Produkt, obrazovka za obrazovkou.

Návrhový princíp naprieč celým návrhom: jedny dáta, dve publiká, a ani jedno z nich nedostane kompromis.

Produkt

Obe polovice tých istých dát

Admin dashboard a verejný katalóg z odovzdaného hi-fi prototypu. Čísla na obrazovkách sú ukážkové dáta.

Admin dashboard: KPI karty, trend stiahnutí, donut graf kategórií
Verejný katalóg: mriežka modelov s filtrami kategórií a vyhľadávaním

Obrazovky z hi-fi prototypu. Počty modelov a čísla stiahnutí sú ukážkové dáta, nie merané výsledky.

Prečo tento návrh

Vyhľadávanie, ktoré počíta s preklepom
Verejný katalóg beží na Typesense s okamžitými výsledkami a toleranciou k preklepom, plus filtračné štítky podľa kategórie, výrobcu a hodnotenia. Pri veľkosti katalógu je vyhľadávanie na presnú zhodu to isté ako žiadne vyhľadávanie.
Administrácia, ktorá odpovedá číslami
Štyri KPI karty (modely, stiahnutia, používatelia, čakajúce), plošný graf trendu stiahnutí a donut graf rozdelenia kategórií. Nie je to dekorácia: ide o to, aby ten, kto katalóg spravuje, videl, čo sa deje, bez toho, aby sa niekoho pýtal.
Stavy, nie priečinok so súbormi
Každý model prechádza stavmi zverejnené, koncept, čaká na kontrolu a skryté, s farebne odlíšenými odznakmi, hromadnými akciami a úpravou priamo v riadku zoraditeľnej tabuľky. Upload prijíma OBJ, FBX a GLB, takže jeden záznam obslúži viacero formátov namiesto viacerých záznamov pre jeden.

03Nasadenie

Krok za krokom.

Dvadsať obrazoviek bolo dodaných v piatich míľnikoch, od wireframu po hi-fi prototyp, každý akceptovaný pred začiatkom ďalšieho. Verejná časť pokrýva mriežku modelov s kategóriami ako štítkami, vyhľadávanie a detail modelu s 3D náhľadom. Administrácia pokrýva KPI dashboard, tabuľku modelov s filtrami a hromadnými akciami, formulár na úpravu s uploadom vo viacerých formátoch, kategórie a tagy a správu výrobcov a autorov.

Ako to beží

Nič z toho nie je nasadené. Počty modelov, čísla stiahnutí a dáta v grafoch na obrazovkách sú ukážkové hodnoty, ktoré majú ukázať formát rozhrania v realistickej veľkosti, nie merané výsledky. Výstupom je návrh pripravený na vývoj s uzavretým rozsahom.

V praxi

Správca katalógu otvorí dashboard, vidí päť modelov čakajúcich na kontrolu a trend stiahnutí za týždeň, vyfiltruje tabuľku na čakajúce, dva záznamy upraví priamo v riadku, zverejní ich a verejná mriežka ich preberie. Architekt na druhej strane vyhľadá názov modelu s preklepom a kreslo aj tak nájde.

04Výsledky

Čo sa zmenilo.

Ide o odovzdanie dizajnu, nie o nasadenie, takže nie je čo hlásiť o prevádzke. Dodané a akceptované bolo toto.

Dvadsať obrazoviek v dvoch prepojených systémoch, katalóg a administrácia
Päť míľnikov, každý akceptovaný pred začiatkom ďalšieho
Full-textové vyhľadávanie s toleranciou k preklepom a filtrami podľa kategórie, výrobcu a hodnotenia
KPI dashboard s grafom trendu stiahnutí a donut grafom kategórií
Upload vo viacerých formátoch (OBJ, FBX, GLB) s editorom metadát a workflow stavov
Hierarchické kategórie, vlastné tagy, profily výrobcov a správa autorov

Prečo to fungovalo

To, že sme navrhli oba systémy spolu, urobilo z rozsahu rozhodnutie. Klient, ktorý sa pozerá na dvadsať obrazoviek, vidí, ktorú polovicu sa vyplatí postaviť prvú, a taký rozhovor sa nedá viesť, keď je nakreslená len verejná časť.

Obrazovky sme navrhovali pre realistickú veľkosť katalógu, nie pre ukázku s desiatkou položiek. Stránkovanie, hromadné akcie, filtre a vyhľadávanie sa pri veľkom objeme chovajú inak a návrh, ktorý to ignoruje, treba prekresliť hneď, ako prídu reálne dáta.