Struktur
Bestäm sidor, hierarki och vägar genom webbplatsen.
Design & varumärke
Webbdesign
Struktur och visuell design för en webbplats, redo för ditt utvecklingsteam. Vill du att Noemo designar och bygger hela webbplatsen väljer du en företagswebbplats eller ett e-handelsprojekt.
- Uppdrag
- Endast design
- Typisk längd
- 3–5 veckor
- Du får
- Skärmar redo att byggas
- Börjar med
- Ett 30-minuters samtal
Det du får
Allt somingår.
Grunden i uppdraget. Vi kommer överens om den exakta omfattningen i projektplanen.
Siddesign
Designa överenskomna mallar och deras mobila layouter.
Komponenter
Definiera återanvändbara delar och deras interaktionstillstånd.
Designöverlämning
Strukturera designfilerna och förklara besluten för utvecklingsteamet.
Så går det till
Från första samtaltill överlämning.
Varje uppdrag går genom samma steg, och du vet alltid vilket vi är på.
- Steg 01
Struktur
Sidorna, vad var och en ska göra, och i vilken ordning en läsare möter dem.
- Steg 02
Designa det riktiga
Riktiga ord, riktiga bilder, och varje läge en skärm faktiskt har.
- Steg 03
Lämna till utvecklarna
En fil ditt team kan bygga från, med avstånd, typografi och beteende nedskrivet.
Case
Där det härredan gjorts.
Arbete det här redan burit. Allt är live, och allt sköts fortfarande av oss.
Det var viktigt för oss att webbplatsen visar video i stället för att prata om den. Noemo gjorde portfolion till ett tydligt system, förberedde varje fil för webben och tog hand om det tekniska. Projekten öppnas snabbt och ser lika bra ut i mobilen som på en stor skärm.
Förr började säljaren varje samtal med att förklara vad vi levererar. Nu kommer kunden oftast med en kategori, ett spänningsområde och en konkret fråga. Noemo gjorde webbplatsen till ett arbetsverktyg, inte bara ett snyggt visitkort.
Vad vi bygger med, och varför just det.
Ingenting här är valt för att det är på modet. Var och en finns på listan för något den gör som alternativet inte gör.
Ritandet
En fil, en sanning, och du är inne i den från första veckan. Ingenting avtäcks — du ser skärmarna komma och kommenterar där du tittar.
03 verktyg- FigmaVarje skärm, komponent och designtoken
- FramerPrototyper när ett klick måste kännas på riktigt
- MiroFlödeskartor och researchväggen
Överlämning till utveckling
En design som inte går att bygga är en teckning. Komponenterna publiceras som något en utvecklare kan öppna och köra, så båda halvorna läser samma källa.
04 verktyg- StorybookKomponentbiblioteket, körbart i en webbläsare
- TypeScriptDesigntokens typade och delade med appen
- GitHubDär systemet versionshanteras och granskas
- LinearDesign-QA loggad skärm för skärm
Kontrollen
Vi testar på de enheter dina användare faktiskt håller i, och tillgänglighet kontrolleras medan skärmarna ritas i stället för att granskas en gång på slutet.
04 verktyg- PostHogTrattar, och exakt var folk hoppar av dem
- HotjarInspelade sessioner från verkligheten
- Device benchiPhone SE till 16 Pro, Pixel, Galaxy, iPad
- Contrast & AAWCAG-kontroller på varje skärm, inte på slutet
Använder du något vi inte listat? Säg det på samtalet — hälften av det vi kan kom in för att en kund redan använde det.
37Projekt i Riveas portfolio
63%Rivea-besökare som spelar en film
20Planlösningar hos Meraas med egen sida
−67%Bildvikt på Kite & Cos webbplats
Varför lämna just det här till oss.
En prototyp vecka ett
Du klickar på saken innan vi ritat klart den. Åsikter är billigast medan det fortfarande är billigt att ändra sig.
Ett system, inte en hög skärmar
Dina utvecklare får namngivna komponenter med regler, inte en mapp med bilder att tolka på egen hand.
Vi stannar under bygget
Design-QA ingår i priset, så det som lanseras är det du godkände och inte en ungefärlig version av det.
Fortfarande osäker? En halvtimme på telefon räcker oftast för att veta åt vilket håll det lutar.
“Det var viktigt för oss att webbplatsen visar video i stället för att prata om den. Projekten öppnas snabbt och ser lika bra ut i mobilen som på en stor skärm.”
Vanliga frågor
Vanliga frågor,ärliga svar.
Frågorna som ändå kommer via mejl. Finns inte din här, ställ den på samtalet.
Inte i den här tjänsten. Vill du ha bygget också är det en företagswebbplats eller ett e-handelsprojekt.
En Figma-fil med komponenter och reglerna inskrivna, inte en mapp med platta bilder.
Det är hela leveransen. Vi svarar på deras frågor under bygget utan att ta betalt för det.
Vi designar med riktig struktur och platshållartext vi skrivit själva. Aldrig lorem ipsum.
Börja med ett 30-minuters samtal. Omfattning, pris och datum skrivs in i en projektplan innan något arbete börjar.
Starta ett projekt
Nästa projektbörjar här.
Berätta vad du bygger. Passar det oss får du en offert — och om inte säger vi det direkt.