Design, der er tegnet til at blive bygget.
Webdesign, UX og UI i Figma: komplette digitale designs til hjemmesider og webshops, klar til udvikling og tro mod dit brand.
Hvad det er, og hvem det er til
Godt webdesign er ikke dekoration. Det er rækkefølgen, hierarkiet og de valg, der gør, at en besøgende forstår, hvad du tilbyder, og ved, hvad de skal gøre. Vi arbejder i Figma og leverer komplette designs: struktur, brugerrejse, visuelt udtryk og alle skærmstørrelser, så udviklingen kan bygge præcis det, du har godkendt.
Det passer til dig, hvis du skal have designet en ny hjemmeside eller webshop, har et brand, der ikke afspejles på nettet endnu, eller har brug for et design, som dit eget udviklingsteam kan bygge efter.
Hvorfor det tegnes først
Alt tegnes i Figma, før noget bygges. Du ser den færdige side og godkender den, hver skærmbredde er besluttet frem for improviseret undervejs, og udvikleren, vores eller din, bygger efter noget konkret i stedet for at gætte. Det fjerner det dyreste i et webprojekt: tvivl, der først opdages, når der er kodet.
Fire brancher, fire udtryk, samme metode.
Rejser, hårpleje, barbershop og klinik. Hvert af dem tegnet færdigt i Figma, i hver skærmbredde, før der blev skrevet en linje kode.
Den samme side, tegnet til hver bredde.
Mobilen er ikke desktop presset sammen. Den har sin egen rækkefølge, sine egne afstande og sin egen navigation. Her er to sektioner fra TurkiyeTravel i begge udgaver, som de blev tegnet.
-
1: Navigationen
På desktop kan syv regioner, fjorten rejseformer og et kort ligge fremme på en gang. På mobil bliver den samme dybde til foldbare grupper, der kan nås med en tommelfinger.
-
2: Inspirationen
Rækker af rejseforslag ved siden af hinanden på en bred skærm bliver til en lodret rækkefølge på en smal. Indholdet er det samme, hierarkiet er tegnet om.
Fra indhold til klar til udvikling
Seks faser i Figma. Du ser det undervejs og godkender det, før nogen begynder at bygge.
Hele processen-
1: Indhold og mål
Hvad der skal siges og vises, og hvad den besøgende skal gøre bagefter. Designet tegnes omkring det, ikke omkring pladsholdere.
-
2: Struktur
Hvilke sider, i hvilken rækkefølge, og hvad man skal kunne på hver af dem.
-
3: Wireframe
Enkle skitser, så indhold og hierarki kan diskuteres, før farver og billeder tager opmærksomheden.
-
4: Visuel retning
Typografi, farver, billedstil og komponenter, tegnet ud fra dit brand frem for ud fra en skabelon.
-
5: Responsivt design
Desktop, tablet og mobil tegnes hver for sig, så intet bliver tilfældigt, når skærmen bliver smallere.
-
6: Klar til udvikling
Navngivne komponenter, afstande og eksporterede assets, så udviklingen bygger præcis det, du har godkendt.
Det leverer vi
Struktur og brugerrejse
Hvilke sider, i hvilken rækkefølge, og hvad den besøgende skal kunne på hver af dem. Det tegnes, før det pyntes.
Wireframes
Enkle skitser af hver side, så vi kan diskutere indhold og hierarki, før farver og billeder tager opmærksomheden.
Visuelt design
Typografi, farver, billedstil og komponenter, der passer til dit brand og holder sammen på tværs af sider.
UX og UI
Navigation, formularer, knapper og tilstande designet, så de er lette at forstå og bruge, også med tommelfingeren.
Responsive layouts
Desktop, tablet og mobil tegnes hver for sig, så intet bliver tilfældigt, når skærmen bliver mindre.
Designsystem
Komponenter og regler i Figma, som gør det nemt at bygge nye sider senere uden at starte forfra.
Klar til udvikling
Navngivne komponenter, afstande og eksporterede assets, så udviklingen (vores eller din) bygger det, du har set.
Vi tegner det, vi selv kan bygge. Derfor er designet realistisk fra første skitse.
Læs mere om numuHænger sammen med
Det er blevet til indtil videre
- 120+projekter gennemført
- 6+års erfaring
- 100 %bindingsfrit
- 63+femstjernede anmeldelser
Spørgsmål om design
Mangler du et svar? Skriv til hej@numumedia.dk.
Kan I kun levere designet?
Ja. Vi leverer komplette Figma-designs, som dit eget team eller en anden udvikler kan bygge efter. Filerne er navngivne og strukturerede, så overleveringen er nem.
Arbejder I i Figma?
Ja, alt tegnes i Figma. Du får adgang til filen, kan se designet undervejs og kommentere direkte i den, og udvikleren får navngivne komponenter, afstande og eksporterede assets med over.
Kan vores egen udvikler bygge designet?
Ja. Designet afleveres, så det kan bygges af andre end os: komponenter og tilstande er navngivet, afstande og typografi er sat i system, og hver skærmbredde er tegnet, så der ikke skal gættes undervejs.
Designer I både desktop og mobil?
Ja, og tablet. Hver bredde tegnes for sig, fordi mobilen ikke er desktop presset sammen: rækkefølge, afstande og navigation er anderledes, og det er noget, der besluttes i designet frem for i udviklingen.
Tilbyder I revisioner?
Ja, selvfølgelig. Vi tilbyder et antal rettelser, så vi sikrer, at det endelige resultat passer perfekt til dine ønsker og dit brand.
Laver I også logo og branding?
Vi hjælper med branding, når det hænger sammen med et web-projekt, for eksempel logo, farver og typografi til en ny hjemmeside eller webshop. Tag en snak med os om, hvad du har brug for.
Hvor lang tid tager et design?
Det afhænger af antallet af sider og skærmstørrelser. Efter vores første møde får du en klar tidsplan, så du ved præcis, hvad du kan forvente.