Webbutveckling

Välkommen

ta en liten paus och scrolla runt här 🙂

Ny sprintstart – fokus på UI/UX-design i Figma

Idag påbörjade jag en ny sprint i mitt självständiga utvecklingsprojekt: ett digitalt lagerhanteringssystem. Sprintens syfte är att skapa en genomtänkt och tillgänglig användarupplevelse, där varje vy är utformad med både funktionalitet och tillgänglighet i fokus.

Devops, Figma

Med hjälp av Figma har jag arbetat med att:

  • Strukturera lagerlayouten i vyer som representerar sektioner, rader och hyllor
  • Skapa wireframes och prototyper med interaktiva flöden
  • Säkerställa att designen följer WCAG 2.1-standarderna
  • Tänka på UX-patterns och designprinciper som responsivitet, användarflöde och kognitiv enkelhet

Jag har även planerat för ett komponentbibliotek som ska återanvändas i frontendutvecklingen i React. Fokus ligger på att skapa ett hållbart och skalbart designsystem.

Den här delen av projektet har varit otroligt lärorik – att få djupdyka i design, samtidigt som jag förbereder implementationen i kod, är precis det jag brinner för som systemutvecklare.

Nästa steg: Att implementera gränssnittet med hjälp av React och Tailwind, och koppla det till mitt backend-API.

→ Se designen här (om du vill länka till Figma)

📁 Teknologier: Figma, UX best practices, WCAG 2.1, React, design tokens, prototyping.

Ny sprintstart – fokus på UI/UX-design i Figma

Idag påbörjade jag en ny sprint i mitt självständiga utvecklingsprojekt: ett digitalt lagerhanteringssystem. Sprintens syfte är att skapa en genomtänkt och tillgänglig användarupplevelse, där varje vy är utformad […]

Din Webbläsare stödjer inte innehållet, eller

From the blog

Latest Posts

  • Ny sprintstart – fokus på UI/UX-design i Figma

    Idag påbörjade jag en ny sprint i mitt självständiga utvecklingsprojekt: ett digitalt lagerhanteringssystem. Sprintens syfte är att skapa en genomtänkt och tillgänglig användarupplevelse, där varje vy är utformad […]

  • Att vänta betyder inte att stå still – mitt nya utvecklingsprojekt är igång!

    Medan jag fortsätter söka jobb inom systemutveckling, har jag bestämt mig för att inte sitta still. För ett bar dagar sedan, så har jag dragit igång ett nytt […]

  • 🚀 Ny dag nya utvecklingsprojekt!

    Jag har precis satt upp en Docker-baserad utvecklingsmiljö som kombinerar både C++ och TypeScript – allt i en och samma container!🛠️ Tekniker jag använt:• Docker (egen Dockerfile)• CI/CD […]

  • Hej allihopa

    Jag börjar närma mig slutet av min utbildning som .NET-utvecklare och söker nu nya möjligheter där jag kan fortsätta utvecklas. Under utbildningen har jag skaffat mig starka kunskaper […]

  • Position CSS

    Egenskapen Position i CSS används för att styra elementets position. Egenskapen Position CSS har olika värden som vi kan använda för att ange elementet ,en plats i dokumentet. […]

  • Samsung Galaxy S23 ultra

    Samsung Galaxy s23 ultra är den nya mobilen av Samsung, den är den senaste versionen Galaxy mobilerna för Samsung. Fördelar Nackdelar ✔ Stor Skärm✔ Snabb Prestanda✔ Väldigt bra […]

  • CSS Flex

    Display egenskapen kan ha olika värden, en av dessa värden är Flex. Det som vi gör med Flex i CSS är att vi skapar det som kallas för […]

  • Unicode characters

    Eftersom datorn arbetar med bara siffror (1 och 0), så gör man en tabell där varje bokstav representeras av ett siffra, såsom A som representeras av 65. Viktigt […]