Bilden visar tre vyer av appen, splash scrren, produkter och footer genom en animation.
Bilden visar tre vyer av appen, splash scrren, produkter och footer genom en animation.
Bilden visar tre vyer av appen, splash scrren, produkter och footer genom en animation.

Tillgänglighet

Tillgänglighet

Tillgänglighet

I detta grupprojekt arbetade vi med att ta fram en tillgänglig och användarvänlig webbplats som säljer hjälpmedel och leksaker särskilt anpassade för barn med olika funktionsnedsättningar. Syftet med projektet var att skapa en digital plattform där föräldrar, pedagoger och vårdgivare enkelt kan hitta produkter som stödjer barns utveckling, lek och självständighet – oavsett deras individuella behov.



I detta grupprojekt arbetade vi med att ta fram en tillgänglig och användarvänlig webbplats som säljer hjälpmedel och leksaker särskilt anpassade för barn med olika funktionsnedsättningar. Syftet med projektet var att skapa en digital plattform där föräldrar, pedagoger och vårdgivare enkelt kan hitta produkter som stödjer barns utveckling, lek och självständighet – oavsett deras individuella behov.



I detta grupprojekt arbetade vi med att ta fram en tillgänglig och användarvänlig webbplats som säljer hjälpmedel och leksaker särskilt anpassade för barn med olika funktionsnedsättningar. Syftet med projektet var att skapa en digital plattform där föräldrar, pedagoger och vårdgivare enkelt kan hitta produkter som stödjer barns utveckling, lek och självständighet – oavsett deras individuella behov.



Mobil

Mobil

Mobil

För att göra webbplatsen tillgänglig även på mobila enheter arbetade vi med en responsiv design som automatiskt anpassar sig efter skärmstorlek. Vi optimerade layout, knappar och menyer för touch-navigering och säkerställde att all funktionalitet, inklusive tillgänglighetsfunktioner som skärmläsarstöd och tangentbordsnavigering, fungerade lika bra på mobil som på dator. Målet var att användare enkelt skulle kunna hitta och köpa hjälpmedel och leksaker oavsett vilken enhet de använder.

För att göra webbplatsen tillgänglig även på mobila enheter arbetade vi med en responsiv design som automatiskt anpassar sig efter skärmstorlek. Vi optimerade layout, knappar och menyer för touch-navigering och säkerställde att all funktionalitet, inklusive tillgänglighetsfunktioner som skärmläsarstöd och tangentbordsnavigering, fungerade lika bra på mobil som på dator. Målet var att användare enkelt skulle kunna hitta och köpa hjälpmedel och leksaker oavsett vilken enhet de använder.

För att göra webbplatsen tillgänglig även på mobila enheter arbetade vi med en responsiv design som automatiskt anpassar sig efter skärmstorlek. Vi optimerade layout, knappar och menyer för touch-navigering och säkerställde att all funktionalitet, inklusive tillgänglighetsfunktioner som skärmläsarstöd och tangentbordsnavigering, fungerade lika bra på mobil som på dator. Målet var att användare enkelt skulle kunna hitta och köpa hjälpmedel och leksaker oavsett vilken enhet de använder.

Bilden visar hur appen ser ut på telefon, en visar en liten flicka som kramar en Mimibjörn, den andra visar hur man kan byta färg på Mimibjörnen
Bilden visar hur appen ser ut på telefon, en visar en liten flicka som kramar en Mimibjörn, den andra visar hur man kan byta färg på Mimibjörnen
Bilden visar hur appen ser ut på telefon, en visar en liten flicka som kramar en Mimibjörn, den andra visar hur man kan byta färg på Mimibjörnen
Bilden går igenom tre vyer av user interface genom en animation
Bilden går igenom tre vyer av user interface genom en animation
Bilden går igenom tre vyer av user interface genom en animation

Gränssnitt

Gränssnitt

Gränssnitt

Vi utgick från WCAG:s fyra grundprinciper: Perceivable, Operable, Understandable och Robust (POUR), för att säkerställa att gränssnittet var tillgänglig för så många användare som möjligt. Det innebar bland annat att vi implementerade tydliga kontraster, alternativtext till bilder, tangentbordsnavigering, lättläst språk och strukturerad kod som fungerar med skärmläsare.


Vi utgick från WCAG:s fyra grundprinciper: Perceivable, Operable, Understandable och Robust (POUR), för att säkerställa att gränssnittet var tillgänglig för så många användare som möjligt. Det innebar bland annat att vi implementerade tydliga kontraster, alternativtext till bilder, tangentbordsnavigering, lättläst språk och strukturerad kod som fungerar med skärmläsare.


Vi utgick från WCAG:s fyra grundprinciper: Perceivable, Operable, Understandable och Robust (POUR), för att säkerställa att gränssnittet var tillgänglig för så många användare som möjligt. Det innebar bland annat att vi implementerade tydliga kontraster, alternativtext till bilder, tangentbordsnavigering, lättläst språk och strukturerad kod som fungerar med skärmläsare.


Projektbeskrivning

Projektbeskrivning

Projekt med syfte att skapa en websida till ett leksaksbolag som

säljer hjälpmedel och leksaker till barn med funktionsnedsättningar.

Ett stort fokus låg på att sidan skulle vara tillgänglighetsanpassad.

Projekt med syfte att skapa en websida till ett leksaksbolag som säljer hjälpmedel och leksaker till barn med funktionsnedsättningar. Ett stort fokus låg på att sidan skulle vara tillgänglighetsanpassad.

Projekt med syfte att skapa en websida till ett leksaksbolag som säljer hjälpmedel och leksaker till barn med funktionsnedsättningar. Ett stort fokus låg på att sidan skulle vara tillgänglighetsanpassad.

Verktyg

Figma

After Effects

Figma

After Effects

Figma

After Effects

Roll

Gruppledare i ett projekt med 5 personer

Gruppledare i ett projekt med 5 personer

Gruppledare i ett projekt med 5 personer

Regen

Regen

Leksaker till barn med

funktionsnedsättningar

Leksaker till barn med

funktionsnedsättningar

Logotyp

Logotyp

Färger

Färger

#FFFFFF

#AD7880

#604867

#EADDFF

#EA348C

Typografi

Typografi

Open Dyslextic

Open Dyslextic

IBM Plex Sans

IBM Plex Sans

Projekt

Kontakt

Projekt

Kontakt

Create a free website with Framer, the website builder loved by startups, designers and agencies.