Skapande av min portfolio

Datorskärm som visar denna hemsida

Målet med projektet var att skapa en hemsida där jag kunde visa upp mina projekt för potentiella arbetsgivare. Jag ville ha en avskalad men artistisk design gjord från grunden med endast HTML och CSS, utan att använda JavaScript eller ramverk.

Läs mer

Redesign av Broccs inloggade tjänst

Mobiltelefoner som visar en användargränssnitt från en app med funktioner för att hantera återbetalning av pengar och skapa investeringsrapporter.

Jag designade en ny, användarvänlig gränssnittsdesign för Broccs inloggade tjänst, Mina Sidor. Projektet innebar att anpassa den nya grafiska profilen för en sömlös användarupplevelse där kunder kan hantera sina lån och investeringar.

Läs mer

Modernisering av Aktieinvests meny

En stationär dator som visar en webbsida för Aktieinvest, där en översikt av fonder, aktier och verktyg presenteras i en meny.

En total re-design och utveckling av Aktieinvests meny och meny-struktur. Jag skapade en responsiv, användarvänlig meny som fungerar sömlöst på alla enheter. Resultatet: en mer moden meny med förbättrad användarupplevelse.

Läs mer

Hållbarhetsfokuserad tjänst för Aktieinvest

Två mobilskärmar med Aktieinvests hållbarhetsverktyg, där användare kan filtrera aktier efter miljö, socialt ansvar och klimat.

Utveckling av ett nytt, användarvänligt filtreringsverktyg av aktier och fonder med hållbarhetsdata från Arabesque. Resultat: en modern tjänst som ökar intresset för hållbara investeringar.

Läs mer

Re-design av Thierry Chocolates hemsida

Datorskärm med en hemsida för Thierry Chocolates.

Uppdraget innebar att modernisera Thierry Chocolates hemsida samtidigt som deras rötter och värdegrund bevarades. Resultatet: en modern, exklusiv och användarvänlig hemsida som väl representerar Thierrys varumärke och ökar deras målgrupp.

Läs mer

Konceptskiss för Byggspecialisterna (fiktivt)

Laptop som visar en hemsida för det fiktiva företaget Byggspecialisterna

En modern, användarvänlig SPA för Byggspecialisterna. Designen speglar företagets genuina och erfarna karaktär.

Läs mer

Skapande av min portfolio: En plattform för frontendutveckling och UI-design

Datorskärm som visar denna hemsida Två mobilskärmar som visar denna hemsida Datorskärm som visar denna hemsida Datorskärm som visar denna hemsida En iPad som visar denna hemsida

Målet med projektet:
Målet med projektet var att skapa en portfoliohemsida som effektivt visar upp mina olika projekt inom frontendutveckling och UI-design. Syftet var att skapa en simpel men tilltalande design som speglar både min programmeringserfarenhet och min kreativa sida. Hemsidan skulle vara användarvänlig och responsiv, med fokus på en mobile-first-design.

Min erfarenhet:
Min uppgift var att skapa en portfoliohemsida som både visar upp mina färdigheter och erbjuder en positiv användarupplevelse. Jag arbetade mycket med färgval och layout för att skapa en harmonisk och användarvänlig design.
Projektet var en del av en kurs på IT-högskolan där vi enbart fick använda HTML och CSS. Detta innebar att jag var begränsad i min möjlighet att använda ramverk och JavaScript, vilket gjorde att jag behövde upprepa mycket kod för de olika modulerna. Trots detta lyckades jag skapa en hemsida som är både visuellt tilltalande och funktionell.

Resultat:
Den färdiga portfoliohemsidan är en simpel och användarvänlig plattform som väl representerar mina färdigheter inom frontendutveckling och UI-design. Hemsidan är responsiv och har en mobile-first-design, vilket säkerställer en positiv användarupplevelse på alla enheter.
Projektet visar på min förmåga att skapa anpassade designlösningar med begränsad teknisk utrustning och leverera en högkvalitativ frontend-lösning som överträffar kursens krav.

Använda tekniker: HTML, CSS, Figma

Användarcentrerad redesign av Broccs inloggade tjänst: Mina Sidor

Datorskärm som visar en användargränssnitt från en app med funktioner för att hantera återbetalning av pengar och skapa investeringsrapporter. Mobiltelefoner som visar en användargränssnitt från en app med funktioner för att hantera återbetalning av pengar och skapa investeringsrapporter.

Målet med projektet:
När jag började på Brocc hade företaget redan lanserat en ny extern grafisk profil på sin webbplats, skapad av en extern byrå. Uppdraget jag fick var att implementera och vidareutveckla den grafiska profilen för den inloggade tjänsten "Mina Sidor," där kunder hanterar sina lån och investeringar. Målet var att skapa en design som inte bara matchade den externa profilen, utan också förbättrade användarupplevelsen och gjorde tjänsten mer intuitiv och tillgänglig.

Min erfarenhet:
Jag tog snabbt ansvar för att skapa ett sammanhängande gränssnitt som förmedlade varumärkets nya identitet på ett sätt som kändes både modernt och funktionellt. Skisser och prototyper skapades i Figma, där jag fokuserade på att integrera Broccs visuella språk med användarvänlighet.
Jag var även delaktig i att ta fram säljmaterial till presentationer, vilket gav mig ytterligare insikter i hur design kan stödja kommunikation och försäljning.
I det här projektet jobbade jag med mobile-first design för att säkerställa att användarupplevelsen var optimerad för alla enheter, med särskilt fokus på mobilanvändare, som utgör en stor del av Broccs kundbas. Denna strategi gjorde det möjligt att skapa en smidig och intuitiv upplevelse på mindre skärmar, vilket bidrog till ökad användarnöjdhet och engagemang.
När UI-designen samt prototyperna var skapade arbetade jag tillsammans med utvecklingsteamet för att implementera den nya designen på Broccs tjänster.

Resultat:
Feedback på den nya designen var mycket positiv. Min chef har uttryckt stor tillfredsställelse med mitt arbete och berömt min förmåga att snabbt leverera högkvalitativa designlösningar. Den nya designen uppskattades både internt och externt och ledde till en förbättrad användarupplevelse. Projektet visar på min förmåga att snabbt förstå och implementera en ny grafisk profil och leverera en högkvalitativ frontend-lösning som överträffar kundens förväntningar.

Använda tekniker och verktyg:
Figma, Adobe Illustrator, HTML, Sass, ReactJS

Total re-design och utveckling av Aktieinvests meny och meny-struktur

En stationär dator som visar en webbsida för Aktieinvest, där en översikt av fonder, aktier och verktyg presenteras i en meny. En mobiltelefon som visar en webbsida för Aktieinvest, där en översikt av fonder, aktier och verktyg presenteras i en meny.

Målet med projektet:
Aktieinvests tjänst hade varit i bruk sedan 2013 utan några större förändringar i användargränssnittet. Målet med projektet var att modernisera och förbättra användarupplevelsen genom en total re-design av menyn och meny-strukturen. Syftet var att göra tjänsten mer användarvänlig, responsiv och att bättre möta kundernas behov och önskemål.

Min erfarenhet:
Som frontendutvecklare och UI-designer hade jag till uppgift att leda projektet från idé till slutprodukt. Arbetet inleddes med omfattande skissförslag och iterativa diskussioner med både Marknadsavdelningen och Kundtjänstavdelningen. Marknadsavdelningen bidrog med insikter om kundbeteende och användning, medan Kundtjänstavdelningen tillhandahöll värdefull feedback från kunder i realtid.
Skisser utvecklades till en fullständig design och prototyp som skapades i Adobe XD. När designförslaget var klart påbörjades utvecklingen, där jag själv stod för hela processen. Jag använde mig av HTML5, Sass, jQuery och Bootstrap för att bygga en robust och flexibel meny-struktur. Jag arbetade specifikt med att implementera accordions och Flexbox för att säkerställa en smidig och intuitiv användarupplevelse.

Resultat:
Den nya menyn och meny-strukturen har resulterat i en moderniserad och användarvänlig tjänst som fungerar sömlöst på alla typer av enheter. Den responsiva designen säkerställer att användarna har en konsekvent och positiv upplevelse oavsett om de använder en dator, surfplatta eller mobiltelefon.
Genom att integrera feedback från både kunder och interna team har vi skapat en lösning som bättre möter kundernas behov och önskemål. Den nya menyn har fått positiva reaktioner från användarna och har bidragit till en förbättrad användarupplevelse och ökad tillfredsställelse.
Projektet visar på min förmåga att samarbeta med olika team, ta tillvara feedback och leverera en högkvalitativ frontend-lösning som överträffar kundens förväntningar.

Använda tekniker och verktyg:
Adobe XD, HTML, Sass, jQuery, Bootstrap

Skapande av hållbarhetsfokuserad tjänst för Aktieinvest

Två mobilskärmar med Aktieinvests hållbarhetsverktyg, där användare kan filtrera aktier efter miljö, socialt ansvar och klimat. Datorskärm med Aktieinvests hållbarhetsverktyg, där användare kan filtrera aktier efter miljö, socialt ansvar och klimat.

Målet med projektet:
I takt med att hållbarhet blir allt viktigare för investerare, var målet med projektet att utveckla en ny, hållbarhetsfokuserad del av Aktieinvests tjänst. Syftet var att erbjuda kunderna möjligheten att göra hållbara investeringar genom att integrera hållbarhetsdata från Arabesque och skapa en användarvänlig plattform med artiklar, en skräddarsydd "sparbox" och en omfattande söktjänst.

Min erfarenhet:
Som frontendutvecklare och UI-designer hade jag till uppgift att designa och utveckla denna nya del av tjänsten. Jag skapade alla ikoner för hållbarhetspreferenserna i Adobe Illustrator och utformade grundläggande funktioner för att filtrera och söka bland hållbara bolag. Designen var anpassad till Aktieinvests grafiska profil.
Utvecklingen av GUI:t utfördes med HTML5, Sass, jQuery och Bootstrap, vilket säkerställde en responsiv och användarvänlig tjänst. Arbetet innebar att balansera mängden information med enkelhet och användarvänlighet, samtidigt som den följde företagets övergripande designriktlinjer.

Resultat:
Den nya hållbarhetsfokuserade tjänsten har blivit en framgång för Aktieinvest, vilket har ökat intresset för hållbara investeringar bland deras kunder. Den användarvänliga designen och de omfattande sök- och filterfunktionerna har möjliggjort för användarna att enkelt hitta och investera i hållbara bolag.
Projektet visar på min förmåga att integrera komplexa data med användarvänlig design och leverera en högkvalitativ frontend-lösning som överträffar kundens förväntningar.

Använda tekniker och verktyg:
Adobe XD, Adobe Illustrator, HTML, Sass, jQuery, Bootstrap

Re-design av Thierrys Chocolates hemsida: En modernisering av ett exklusivt varumärke

Datorskärm med en hemsida för Thierry Chocolates. Datorskärm med en hemsida för Thierry Chocolates.

Målet med projektet:
Projektet var en del i mitt examensarbete på Broby Grafiska. Målet med projektet var att modernisera och förnya Thierrys varumärke, förpackningar, grafiska profil, trycksaker, lokaler och hemsida, samtidigt som man bevarade deras rötter och värdegrund. Syftet var att skapa en design som kändes både modern och exklusiv, vilket skulle hjälpa Thierry att framstå som det högkvalitativa varumärke de är och samtidigt utöka deras målgrupp.

Min erfarenhet:
Min huvudsakliga uppgift var att leda re-designen och ta fram designkoncept för tryckmedia, lokaler, förpackningskonstruktion och hemsida. Jag arbetade nära med företaget för att förstå deras varumärkesidentitet och värdegrund samt gjorde djupgående analyser av målgrupp och syfte. Genom att använda mig av moderna designprinciper och anpassa dem till Thierrys unika profil, skapade jag en design som både var visuellt tilltalande och användarvänlig.
Designen inkluderade en ny layout, färgtema och typografi som kändes både modernt och exklusivt.
Hemsidan är aldrig utvecklad, endast ett koncept har tagits fram.

Resultat:
Den nya designen resulterade i en moderniserad och exklusiv webbplats som väl representerade Thierrys nya varumärkesprofil. Examensarbetet genererade högsta betyg.

Använda tekniker och verktyg:
Adobe Illustrator, Adobe Photoshop, Adobe InDesign, Artios CAD

Konceptskiss för Byggspecialisternas hemsida: En modern SPA för en erfaren byggfirma

Laptop som visar en hemsida för det fiktiva företaget Byggspecialisterna Laptop som visar en hemsida för det fiktiva företaget Byggspecialisterna Laptop som visar en hemsida för det fiktiva företaget Byggspecialisterna Laptop som visar en hemsida för det fiktiva företaget Byggspecialisterna

Målet med projektet:
Målet med projektet var att skapa en konceptskiss för en modern, användarvänlig hemsida för det fiktiva företaget Byggspecialisterna. Syftet var att presentera företagets erfarenhet och tjänster på ett visuellt tilltalande sätt, samtidigt som man säkerställde en sömlös användarupplevelse. Hemsidan skulle innehålla sektioner som Referenser/tidigare projekt, Om byggspecialisterna, Våra tjänster, Header, navbar, kontaktformulär och andra designelement.

Min erfarenhet:
Min uppgift var att fram en konceptskiss för Byggspecialisternas hemsida. Jag började med att analysera företagets behov och målgrupp, och utformade sedan en design som speglar deras genuina och erfarna karaktär. Jag använde mig av moderna designprinciper och tekniker för att skapa en Single Page Application (SPA) som är både visuellt tilltalande och användarvänlig.
Designen inkluderade en responsiv layout, ett anpassat färgtema och typografi som kännetecknar Byggspecialisternas varumärke.

Resultat:
Den färdiga konceptskissen presenterar en modern och användarvänlig hemsida som väl representerar Byggspecialisternas erfarenhet och tjänster. Designen har möjliggjort för företaget att presentera sig på ett visuellt tilltalande sätt och säkerställa en sömlös användarupplevelse.
Projektet visar på min förmåga att skapa anpassade designlösningar som speglar företagets identitet och leverera en högkvalitativ frontend-lösning som överträffar kundens förväntningar.

Använda tekniker och verktyg: Adobe InDesign