Jag har nu jobbat lite mer än ett år på fantastiska Bubbleroom som Art Director och har samlat några av de större projekten som varit under våren här.
Så om ni ska ta studenten, gå på bröllop eller bara är på jakt efter en lyxig klänning är denna sidan perfekt för er! ✨Självklart får ni kolla in landingssidan om ni bara är nyfikna också 😊
Stort tack till mitt team på Bubbleroom, både inköp och marknad som alltid ger 110% 💖👊🏻😘
För snart en månad sedan gifte jag mig med min fina Marcus Olsson, vilket också är anledningen till att webbsidan numera heter Hanna Olsson och inte Hanna Rajkovic. Jag är med andra ord Fru Olsson nu 😊 ✨
Bröllopet var ett överraskningsbröllop, som vi hade "förklätt" som en nyårsfest/födelsdagsfest.
Så allt grafiskt material vi tog fram hade just temat nyår med en minimalistisk touch.
Nyfikna? Spana in alla delar av festen så som, bröllopsinbjudan, drinkmenyn, drinkbiljetterna och bordsplaceringskorten - ja egentligen alla trycksaker samt andra glimtar från kvällen här.
Vem vet kanske får ni själva lite bröllopsinspiration? 💍😉
Min "favorite-person-of all-time" fyllde år förra veckan och det firades med ett Hipster Kit!
Hipster Kitet bestod av en Fjällräven kånken ryggsäck (med kamerainlägg) fylld med allt ifrån rutiga tofflor, fancy lakrits, NASA t-shirt 🚀 till ett modellflygplan i ek.✌️
Nedan ser ni hur badgen jag design:ade såg ut och även paketet 😍. Det är alltid kul att utmana sig själv typografiskt tycker jag och använda typsnitt/fonter man annars inte använder. En bra övning liksom. 🤓
Ikonerna jag använt kommer från en webbsida som heter Noun project, där man kan ladda ner ikoner både som PNG och SVG (Yay!). Kolla gärna in sidan här som har ett riktigt stort bibliotek med ikoner. Dessutom finns Noun project numera som ett "add-on" för Adobe Creative Cloud! Så ett supertips verkligen. 😊
Äntligen är glöggfesternas tid här! Så varför inte använda ett roligt Glöggparty formulär, så att man enkelt kan samla ihop sina nära och kära till en mer opretentiös julfest? 😊
Tanken var att skapat ett nytt juligt projekt, med 'Glöggparty' som mitt tema. Designen är ganska “flat” och tydlig, sidan är trots allt ett formulär, med målet att få besökaren att anmäla sig.
Typografin men framförallt 'Glöggparty-stämpeln' gör designen lite mer lekfull. 'Glöggparty-stämpeln' är en så kallad SVG-bild, och är ett bra filformat att spara bilder/loggor/grafiska element i. Detta eftersom bilden blir vektoriserad, och tappar då inte sin kvalité samt är skalbar och funkar i de flesta upplösningar.
Även detta projekt är byggt med fantastiska Sass 🙌 . Formuläret är relativt validerat, där jag använt ett jQuery plugin för att kunna addera regler/reguljära uttryck. Dessutom är sidan responsiv 📱+ 💻 + 🖥 =✌️
Låter detta intressant? (Jaaa!) På dessa sidor kan ni läsa mer om projektet:
Min GitHub (för att granska koden och hur man själv installerar gulp)
Min Medium artikel (för att läsa en lättsam artikel om projektet)
Demosida 'Glögg-party' (för att testa sidan och faktiskt se den 😊)
Värt att notera är också att 'Glöggpartyt' är ett påhittat event och finns inte på riktigt 😢 samt att formuläret saknar back-end (det går inte att faktiskt skicka formuläret), så fortsättning följer…😉 God jul allesammans! 🎄
Är du i behov av en enkel och minimal 404-sida, med två olika färgpaletter triggade av en page load? Om svaret är JA, har du kommit rätt!
CSS-koden består bland annat av smooth animated gradient button hovers och en smart text-linjerings CSS för att få text att linjera snyggt runt geometriska former (funkar fantastiskt bra i Chrome och Safari).
Detta är första gången jag använder Sass i ett projekt (Yay!) och givetvis är sidan responsiv.
404-sidan hittar du här på min GitHub pages sida och för att se all kod klicka här.
Och om detta inte vore nog så har jag dessutom skrivit en spännande Medium-artikel om min 404-sida. Här tar jag upp hur det var att jobba med Sass, varför jag gjorde det, samt en massa annat CSS-godis 🤓 Medium-artikeln hittar du här.
Den 4:e september flög jag ner till Barcelona för delta i Sveriges hittills största codecamp för tjejer: 100tjejerkodar! Under en veckas tid (läs fem dagar) skulle jag få lära mig JavaScript-ramverket React, och med hjälp av den kunskapen bygga/koda ett memory-spel. Hur häftigt som helst ju!? Allt detta med ett härligt gäng tjejer som var minst lika entusiastiska och pepp som jag. Och vilken upplevelse det var!
Tjejerkodar är ett fantastiskt camp att delta i för att träffa andra som älskar att koda. Man lär sig snacka kod, titta på kod, analysera kod, googla kod och framför allt att faktiskt KODA😊 !
En av många saker som fastande i mitt huvud från första dagen, var det min über-ödmjuka kodlärare sa, som handlade om hur man kan tänka på kod när det kommer till hur man "kommunicerar med en dator";
"En dator är faktiskt inte smart, utan dum. Den smarta är du själv och datorn kommer att göra vad du säger åt den att den ska göra. Därför måste du vara extremt noga och tydlig med vad du säger, så att den tolkar dig rätt…"
Avslutningsvis kommer självklart en länk till mitt fantastiska Emoji memory spel, som nu ligger uppe på min GitHub🤓.
