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

  • Programmera Filmbibliotek i C#

    I förre inlägget så har vi skapat en filmbibliotek i HTML. Idag ska vi programmera filmbibliotek i C#. C# kan inte användas i webben på samma sätt som […]

  • Film bibliotek

    En film bibliotek webbsida. Man kan skapa ett film bibliotek med CSS & HTML. I den här bloggen ska vi ser hur man kan skapa en enkel design […]

  • Skapa en background-image i HTML och CSS

    När man väljer att skapa en background-image i HTML och CSS ,ger det din webbsida mer liv och sidan får egen stil. Därför det rekommenderas det att man […]

  • Blogg | HTML,CSS

    Vad är HTML? HTML (Hypertext Markup Language) är ett standardiserat markup-språk som används för att skapa webbsidor. Det är det grundläggande språket som används för att definiera och […]

  • Blogg | HTML,CSS

    Vad är HTML? HTML (Hypertext Markup Language) är ett standardiserat markup-språk som används för att skapa webbsidor. Det är det grundläggande språket som används för att definiera och […]

  • Blogg

    Vad är C#? C# (C-sharp) är ett objektorienterat programmeringsspråk som utvecklades av Microsoft. Det     används främst för att skapa Windows-baserade program och webbapplikationer, men det kan […]