Struct
Struct PIM.Bygget til folk, der arbejder i produktdata hele dagen.
Frontend-arkitektur, designsystem og webapplikationer til en SaaS-platform for produktinformation.

The challenge
Struct ville flytte fra en klassisk PIM-installation til en moderne cloud-platform med en database pr. kunde, en åben platform med API, webhooks og app store, og AI som en indbygget del af arbejdet. Brugerfladen skulle bære et komplekst, forretningskritisk produkt for folk, der arbejder i produktdata hele dagen, og blive ved med at være konsekvent, mens et større team byggede videre.
The solution
En komplet webplatform i Angular, bygget sammen med Structs eget udviklingsteam:
- Et designsystem med egne komponenter, lavet til tætte, informationstunge arbejdsflader
- PIM-applikationen, hvor kunderne modellerer, finder, beriger og udgiver deres produktdata
- En kontoportal til login, organisationer og abonnementer
- En ekstern visning, hvor modtagere ser og henter delte billeder og filer
- AI i selve arbejdsgangen: tekst, oversættelse, dataudtræk og billeder, altid gennemgået og godkendt, før det bruges
Results
2022
med på den nye platform fra næsten første commit
110+
komponenter i designsystemet
3
webapplikationer på én frontend
5
AI-udbydere og Structs egen StructAI
Platformen
Produktdata,hele vejen fra import til kanal.

Overblik
Hele kataloget på én skærm
Dashboards med berigelse, datafuldstændighed og opgaver, for den enkelte og for hele teamet.
Grid Edit
Redigér som i et regneark
Ret direkte i oversigten, kopiér og indsæt på tværs af celler, og gem først, når du er klar.
AI-assistent
AI, der hvor man arbejder
Assistenten finder produktdata og skriver teksten. Brugeren gennemgår og godkender, før noget bliver brugt.
Image Studio
Billeder klar til hver kanal
Fjern eller skift baggrund, ret lyset eller opskalér, direkte i produktets billeder.
Styring
Styr på AI-forbruget
Forbrug pr. dag og pr. handling, med et loft, kunden selv sætter.

Overblik
Hele kataloget på én skærm
Dashboards med berigelse, datafuldstændighed og opgaver, for den enkelte og for hele teamet.

Grid Edit
Redigér som i et regneark
Ret direkte i oversigten, kopiér og indsæt på tværs af celler, og gem først, når du er klar.

AI-assistent
AI, der hvor man arbejder
Assistenten finder produktdata og skriver teksten. Brugeren gennemgår og godkender, før noget bliver brugt.

Image Studio
Billeder klar til hver kanal
Fjern eller skift baggrund, ret lyset eller opskalér, direkte i produktets billeder.

Styring
Styr på AI-forbruget
Forbrug pr. dag og pr. handling, med et loft, kunden selv sætter.
Designsystemet
Tæt på informationen.Roligt, forudsigeligt og ens i hele produktet, uanset hvem der bygger videre.
Det har vi lavet
Frontend og designsystem,sammen med Structs eget team.
Rolle
Frontend-arkitektur, udvikling og designsystem
Platform
Angular, Nx og Tailwind CSS
Samarbejde
Med Structs udviklingsteam, der bygger backend
Næste
- BioasenIdentitet og website for et projekt om biodiversitet
Identitet og website for et projekt om biodiversitet
- Skriv til oshej@tinygiants.dk
hej@tinygiants.dk
Read next

Clayton Power
Clayton Power: fra website til flådestyring
Website, konfigurator, administration og flådestyring for en dansk producent af strøm til erhvervskøretøjer, på én fælles platform.

Bioasen
Bioasen: identitet og website for et projekt om biodiversitet
Branding og website til Bioasen, et forskningsprojekt, der skal give landmænd, kommuner og haveejere idéer til mere biodiversitet.