Citykartor.se - uppdatering!

Ni som varit inne på Citykartor.se nyligen kan ha sett att sidan fått en uppfräschning! Och det beror på att jag mer eller mindre varit tvungen att byta e-handlesplattform. I detta blogginlägg förklarar jag varför. 🤗

citykartor-shopify-ny.jpg

2015 skapade jag varumärket och webbsidan Citykartor.se. En sida där man kan köpa snygga posters med kartmotiv på Sveriges städer. Jag valde Tictail som e-handelsleverantör då jag tyckte tjänsten verkade enkel, snygg och gratis (förutom 9kr/månad i domänkostnader). 

I slutet på förra året meddelade Tictail att dem blivit uppköpta av e-handels-plattformen Shopify. Vilket är såklart kul för Tictail, men lite tråkigt för min del. Dels då jag gillar mindre svenska aktörer på marknaden och att stödja dem genom att använda deras tjänst eller produkt. Och dels då det innebär att jag aktivt själv måste byta tjänst vilket kan vara krångligt och kan ta lång tid. Värt att nämna är också att Shopify inte är en gratistjänst men har en trial period. 

Men nu när jag genomfört flytten av plattformen, kan jag säga att det var superenkelt! Och tänkte därför gå igenom lite hur enkelt det var ☺️

Vart ska man börja?
Tictail har varit duktiga på att kommunicera att tjänsten kommer att läggas ner. Bland annat genom nyhetsbrev och genom notifikationer på sin dashboard när man loggar in på sitt Tictail-konto. Och klickar man på den länk som hänvisas kommer man till en kort “Steg-för-steg” guide. Totalt 7 steg, som tydligt förklarar vad man ska göra och hur:

citykartor-shopify-step-by-step.jpg

Exportera & Importera
De viktigaste punkterna för mig var att “exportera min produkter” så att bilder, produkttexter och ordrar sparas ut i en fil och kan importeras in i Shopify. Samma sak gällde för kundrecensioner, dessa kunde man genom ett enkelt klick exportera ut till en csv-fil som också den sedan var enkel att importera in i Shopify.

Uppdatera domän
Har man en egen domän uppsatt dvs inte en Tictail-adress med sin butik sist i url:en (tictai.com/citykartor) behöver man logga in hos sin domänleverantör (i mitt fall Loopia), leta bland sina DNS-inställningar och lägga in Shopifys IP:adress där. Shopify har en egen manual här som förklarar detta tydligt som jag länkar till här.

Oftast brukar jag tycka att denna delen är den krångliga, men denna gången gick det hur smidigt som helst. Värt att notera är att ändring av DNS och IP-adress inte sker på 1 sek. Det kan ta upp till några timmar innan domänen helt har pekats över till Shopify. Men så länge som man fått den verifierad i Shopify, ska allt vara på sin plats.

Design & templates
Innan jag påbörjade flytten var jag rädd att mycket av den design jag skapat i Tictail skulle försvinna. Men helt helts känslan av designen tycker jag är den samma. Produktdetaljsidan ser i princip identisk ut (eftersom att jag importerat den exporterade filen till Shopify), vilket är helt fantastiskt! Sen är det alltid kul att testa olika moduler på startsidan. Så kolla gärna in nya Citykartor.se här! 😃


Ny Bröllopssida

Ungefär gifter sig 50 000 par om året i Sverige. År 2017 var det 52 497 par, varav jag var en av dem (läs om mitt bröllop här 😊). Statistiken och trenden visar att det är allt mer populärt att gifta sig.

Bubbleroom-brollop-grafik-big.png
Bubbleroom-brollop.jpg

Därför har vi på Bubbleroom lanserat bröllopssidan ‘Allt för Bröllopet’ . Min roll som Art Director i projektet var att ta fram en design och form för sidan som både var inspirerande och användarvänlig;

Tanken med sidan är att man lätt ska kunna hitta sin bröllopsoutfit, som bröllopsgäst, brudtärna eller brud. Därför möts man av en tydlig thumbnailmeny in till just dessa kategorier. En djupare navigering finns också i form av en vänstermeny ‘Shoppa efter kategori‘, där man ännu lättare kan hitta det man letar efter, se nedan:

bubbleroom-allt-for-brollopet-examples.png

Flera undersidor skapades, bland annat en ‘Bride To Be’ undersida för att visa olika typer av brudklänningar. Kanske vill man gifta sig i en off-shoulder spetsdröm eller en fantastik långärmad kreation? Kolla gärna in inspirationssidan här. Att också kunna erbjuda en exklusiv varumärkesmix, med varumärken så som Zetterberg Couture, Ida Sjöstedt, Susanne Rivieri, och nya varumärket Moments New York var en självklarhet.

Bubbleroom-brollop-brud.jpg

Utöver detta fantastiska innehåll uppdateras sidan dagligen med nyheter, så missa inte att kolla in sidan här. Särskilt om du är inbjuden till ett bröllop eller ska gifta dig själv! 💖✨

©Bubbleroom

Confront 2018 💜

Igår besökte jag Dev & Design-event Confront I Malmö. Detta är mitt första år på ett Confront event och kände att den kunde passa mig bra just för att den kombinerar både utveckling och webbdesign. Så jag tänkte skriva om några “Hot topics” från dagen nedan:

Design systems
Ett hett ämne var/är Design systems varför det är bra att ha ett, inte bara varför det är bra att ha ett mellan designers och utvecklare utan också för fler som jobbar i projektet. Kan vara projektledare, copywriters etc. Ett Design system är mer än bara skisser i Sketch, utan bör också innehålla förklaringar, komponenternas beteenden måste tydliggöras samt patterns. Dokumentation bör finnas med och självklart den visuella identiteten. Det finns såklart fler delar som ska finnas med, länkar till två bra exempel på Design systems från Airbnb och Trello:

https://airbnb.design/building-a-visual-language/
https://design.trello.com/

Mob programming
Och när det kommer till Design systems, talades det också om ett nytt och hype:at begrepp inom utveckling och design nämligen “Mob programming”. Mob programming går ut på att man tillsammans i sin projektgrupp jobbar på ett och samma projekt, på en och samma plats, under en och samma tid, på en och samma dator 🤓. På det sättet lär man sig av varandras kunskaper och effektiviserar sitt workflow.

CSS Houdini
Slutligen vill jag nämna den största anledningen till varför jag ville gå på just det här eventet. Och det var för att se Una Kravets (jag har i många år följt henne på Twitter) presentera sitt ämne, CSS Houdini. Ett supertips är verkligen att följa Una Kravets, hon är så inspirerande och grym på CSS! ✨

Och det får avsluta min bloggpost, ciao för denna gång! 💁🏻‍♀️

confront18-kollage-image.png

toDo-list i React ✨

En todo-list är ofta en enkel och bra övning att göra när man lär sig att koda. Här presenterar jag mitt andra React projekt som är just en toDo-list. Man skriver helt enkelt in sina toDos och vips förvandlas dessa till små fina post-its 💖

React är ett Javascript-ramverk som jag lärde mig grunderna på i Tjejerkodar-lägret i Barcelona 2016. Läs mer om kodningslägret här.

Jag gillar att designa och koda små webbappar som denna, då jag får kombinera just webbdesign med kodning. Som webbdesigner blir det allt mer viktigt och vanligt att lära sig fler språk än “bara” HTML och CSS. I mitt dagliga jobb är det användbart att ha en förståelse för Javascript så att man i alla fall kan tolka och felsöka kod. Sen skadar det inte heller att kunna skriva enklare funktioner såklart! ✌️🤓

Just toDo-listan finns på min GitHub, så kolla gärna in den här eller genom att klicka på bilderna här nedan 😀👇🏻

Nya projekt på Bubbleroom!

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% 💖👊🏻😘

Bröllopsinspiration!

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? 💍😉