En liten uppgradering

skiss
Hej peeps!

Igår mådde mitt huvud inte sådär jättebra så jag försökte ta det lugnt och satt mest vid datorn. Jag gjorde om lite på hemsidan, la till en meny högst upp med all den info som låg i sidomenyn till bloggen förut. Kategorier, arkiv och lite länkar där ni kan följa mig. Jag designade också om den ”primära” menyn och gjorde footern lite enklare.

Detta för att jag tycker att min blogg blir för bred med sidomenyn. Tycker det blir mer ”vänligt” att ha det centrerat så som jag har nu i och med att jag har ganska breda inlägg på 900px. Dessutom gillar jag breda sidomenyer, men har som sagt inte möjlighet till att ha det med inläggsbredden. Så, då fick det bli såhär! Jag gillar det.

I footern ska det dit lite ikoner också men annars är det mesta klart. Lite småfix kvar också, men sånt tar jag i efterhand.

Vad är ett webbhotell, egentligen?

webbhotell

Jag vet inte hur många gånger jag behövt förklara för mina bekanta vad ett webbhotell är. Ungefär såhär brukar konversationerna se ut:

”Jag vill ha en egen hemsida, som du” 
”Okej, men då behöver du först köpa ett webbhotell”
”Men jag har redan en domän?”
”Ja, fast det är inte samma sak. Du behöver ett webbhotell och en egen domän för att skapa en egen hemsida. Du köper en server hos webbhotellet, och det är utrymmet på servern man behöver för att kunna ha en egen webbplats”
”Jaha.. eller.. va?”

Jag minns i början när jag funderade på att flytta till WordPress hur jobbigt det var med nya begrepp. Vadå webbhotell och server? Hur fixar jag det, vad kostar det och vad tusan innebär det egentligen?

Jag tänkte försöka klargöra det här med server och webbhotell på ett förhoppningsvis lite lättare sätt. Först och främst:
Det är ett utrymme på en server du köper när du köper ett webbhotell.
webb

En lättare jämförelse

Alla vet ju skillnaden mellan exempelvis hyreslägenheter och en villa. När man bor i hyreslägenhet så hyr man en lägenhet hos en hyresvärd och bor i ett stort hus med människor som bor i andra lägenheter. I en hyreslägenhet får man inte göra riktigt vad man vill och det finns en del regler man måste följa, man är väldigt begränsad och måste anpassa sig en hel del.

När man bor i en villa så har man en egen stor tomt och ett stort hus man kan göra vad man vill med. Bygga ut, renovera, köpa nytt, banka i väggar och lyssna på hög musik.

Man skulle kunna tänka sig att exempelvis Blogg.se är ett stor hus med hyreslägenheter. I detta exempel är det Blogg.se som köpt ett webbhotell och ett utrymme på webbhotellets server. Sedan är då varje hyreslägenhet en blogg. Man kan ändra designen nästan hur man vill och man kan blogga om vad som helst. Det finns vissa regler hos Blogg.se och vissa mallar man utgår ifrån – så du kan inte göra precis vad du vill där, särskilt inte om du vill skapa din egna hemsida och inte om du vill designa helt från grunden med egen kod och programmering.

En server hos ett webbhotell kan jämföras med en tomt. Blogg.se har köpt ett webbhotell för att sedan utforma en plattform där man kan skapa sin egen blogg. Men, du vill bygga ett en stor villa, och då räcker inte den där lilla hyresrätten. Du behöver flytta.
Man kan ju inte bygga ett hus var som helst, utan man måste först köpa en tomt. Webbhotellet är tomten. Det är altså likadant med webbplatser. Om du vill kunna bestämma helt själv över din webbplats och kunna koda och bygga från grunden, behöver du en tomt, du behöver köpa plats på en server hos ett webbhotell. Sedan kan du utforma din webbplats hur du vill, så länge det får plats och finns utrymme på servern (tomten).

Hänger ni med? Jag tog detta exempel för en vän för ett tag sedan och hon fick den där ”Ahaaa”-upplevelsen och fick en bättre förståelse för vad ett webbhotell är.

Webbhotellet och vad som ingår

Självklart behöver ni också då köpa ett domännamn. Lika väl som din hyreslägga har ett nummer och ditt hus har en adress. Domänköpet brukar man göra i samband med att man köper webbhotellet. Jag tycker det är enklast att ha domän och webbhotell hos samma företag, det underlättar för mig då man har allt på samma ställe, men också för företaget om det skulle uppstå något problem.

När man köper webbhotell finns det otroligt många olika erbjudanden. Företag som säljer webbhotell brukar ha olika paket att välja mellan. Priserna varierar olika från företag till företag, vissa har avtal där man betalar en summa per månad och andra en engångssumma där du betalar för exempelvis ett år. Det man betalar för är utrymmet på servern samt trafiken. Ju större utrymme, desto dyrare webbhotell. När du köper webbhotell har du möjlighet att skapa egna databaser, fritt antal e-postadresser och subdomäner. Det finns också alltid möjlighet till att skapa backuper och så ingår kostnadsfri support.

Jag har mitt webbhotell hos Mebo.se och är jättenöjd. Anledningen till varför jag valde dem var för att man hade möjlighet att testa gratis i 60 dagar innan man köpte. Det gav mig tid för att bekanta mig med WordPress och se om det ens var något för mig.
Jag betalar 350:- per år för mitt webbhotell. Jag har tillräckligt mycket utrymme för att få plats med allt vad min hemsida innehåller, samt två subdomäner som också har en varsin WordPress-installation, plus min mailadress info@alexandraeriksson.com. Mebo har dessutom grym kundtjänst, om det uppstår problem en lördag klockan 21 har jag ändå fått svar inom någon timme. Sådant värdesätter jag mycket hos företag jag är kund hos.

Hoppas ni som inte redan visste detta har fått en liten bättre förståelse för vad som krävs när man vill skapa en egen webbplats. Det är ganska logiskt egentligen och det är en väldigt bra investering om man vill uppgradera sig och göra reklam för sin blogg/sitt företag/sina bilder och projekt på ett lite professionellare sätt och vill ha full kontroll över sin webbplats. Heja webbhotell!

1ME101 Uppgift 2: Prototyp

plugg

Har helt glömt bort att visa er det vi håller på med i kursen! Jag fick mail idag om att jag blev godkänd på uppgift nummer två och att jag gjort en ”snygg och professionell” presentation. Jag blev väldigt nöjd med uppgiften och min layout faktiskt, dock kanske lite överarbetad då det endast skulle vara en prototyp. Prototyper kodar man för att kunna få en förståelse för hur webbplatsens information kommer fungera på webben, och för att kolla hur man ska strukturera upp informationen på bästa sätt. Jag har lite för mycket grafiskt tänk och för mycket ”design” i min prototyp egentligen. Men som sagt, det här är ett första utkast till beställaren som man sedan jobbar vidare med.

Det är lite såhär jag jobbar när jag gör designer till mina kunder. Om det är bloggdesigner så gör jag själva prototypen på en utav mina testbloggar, och när jag fått med kundens önskemål så som färg, typsnitt, bilder och struktur så skickar jag iväg det första utkastet, och så jobbar vi vidare därifrån.

Om det är en statisk hemsida jag kodar, så gör jag oftast prototypen i Photoshop. Då gör jag kort och gott en skiss som visar hur jag kommer koda hemsidan, med allt det grafiska, och när skissen är klar ser det oftast ut som att man skulle kunna ha tagit en printscreen. Kunden får se skissen, komma med åsikter och så kodar jag utifrån det vi kommit överens om.

Men, till uppgiften. Beställningen var: Bostadsbolaget Bostad AB vill ha en webbplats med information till sina hyresgäster. Och målgruppen var personer som redan bor i området samt de som är på väg att flytta in – så vi skulle helt enkelt strukturera upp statisk information med HTML och CSS, och använda oss av både global och lokal navigering. (Global navigering är navigering som är tillgänglig på webbplatsens alla sidor och länkar mellan dess delar. Lokal navigering är navigering inom en avdelning/sida).

Jag tyckte denna övning var rolig och lärorik, vi skulle utforma en kravspecifikation och även tre användartester som sedan skulle stå med i rapporten. Det är lite av denna anledning jag valde att läsa den här kursen, nog för att jag kan HTML och CSS – men nu får jag chansen att plocka upp sådan information jag inte riktigt lagt märke till tidigare. Som olika beteckningar (visste inte ens att det hette lokal/global navigering, menyer hette det bara i min värld) och hur arbetet med att bygga upp en webbplats går till (kravspecifikation, målgruppsanalys, användartest, kodning av prototyp och utkast). Det är kul, och det är sånt här som fattas i min lilla kunskapsdatabas!

Saras nya bloggdesign

sdesign

Klicka på bilden för att komma till Saras blogg.

Tänkte visa er min senaste designbeställning, en jättesnygg, stilren design till Sara. Hon behövde verkligen en uppgradering rent designmässigt och detta blev resultatet. Älskar marmor-bakgrunden, den gör verkligen jättemycket med designen. Sara valde också ut ett snyggt typsnitt som gör designen lite mer levande. Jag dögillar kombinationen!

Felicias nya blogg och design

fdesign
Klicka på bilden för att komma till bloggen.

Tänkte visa er min senaste designbeställning. En jättesnygg, stilren design till en tjej vid namn Felicia, som verkligen verkar leva mitt i utvecklingen utav hennes drömyrke. Jag har också gjort hennes header, och eftersom jag inte så ofta jobbar med illustrationer på något sätt så blev det en utmaning för mig med. Photoshop är verkligen fyllt med verktyg och filter för att få en vanlig bild att se målad ut, sedan la jag på lite streckade linjer för att få fram konturer. I vilket fall blev resultatet hur bra som helst och Felicia är jättenöjd! Jag har jobbat mycket med det responsiva, tycker fortfarande det är väldigt svårt att få till det snyggt på alla enheter men tror jag lyckats helt okej med Felicias design.

Har lite hektiska dagar i mitt liv just nu, och känner mig väldigt stressad. Skickade i alla fall in veckans uppgift igår, och det kändes skönt att ha det gjort. Idag ska jag bara slappa och ladda upp inför en ytterligare plugg- och träningsvecka.

Hoppas ni haft en fin helg!

INOX: Hemsida och Reklamblad

hemsida1
Klicka på bilden för att komma till hemsidan.

Tänkte visa er en webbdesign jag gjorde under december månad till ett företag. Fredrik, en utav ägarna, och jag gymmar på samma gym så det var på det sättet han tog kontakt med mig angående en ny design till deras nystartade företag. Inox är ett industriföretag med tjänster som projektledning, ombyggnationer, nybyggnationer etc. Företag i samma bransch använder samma typ av färger, så vi körde helt enkelt på en simpel och stilren layout med och färgerna mörkblått och grått. Fokus ligger på innehållet och där med är inte designen särskilt avancerad – och det blev precis som de ville ha det.

Anledningen till varför jag inte visat designen tidigare är på grund utav att den egentligen inte är färdig. Det ska ligga boxar på startsidan samt att vi ska ta nya bilder, men det har dragit ut lite på tiden så jag väljer att lägga upp designen nu ändå och visa er.

Jag har även gjort ett reklamblad till företaget som går i samma stil som hemsidan. Den finns i portfolion men om ni är intresserade av att se den i orginalstorlek så kan ni klicka här (PDF, öppnas i nytt fönster.)

Grattis företaget på 1-års dagen!

tommy

Idag är det den 10 februari, vilket innebär att jag har haft företaget i ett år idag! Minns när jag öppnade kuvertet från Skatteverket som om det vore igår, bokstavligen. Jag stod i köket, hade precis kommit hem och mamma och pappa lagade mat. Och så öppnade jag brevet, och där stod det – Jag är godkänd för F-skatt och har där med mitt alldeles egna företag!

Det har varit sjukt jobbigt, eftersom jag är nybörjare på ALLT gällande att driva eget företag. Men jag har verkligen lärt mig otroligt mycket, och också utvecklats rejält gällande mina tjänster. Är så stolt över att jag startade företaget och att det gått så bra.

Vi firar det genom att jag visar et min senaste designbeställning, från min trogna kund Tommy. Han ville ha en liten uppgradering från hans tidigare design och vi båda är supernöjda med resultatet. Klicka på bilden för att besöka hans blogg.

15 sociala ikoner: Glittergold Ikonpaket

ikonpaketJag har gjort mina första ikoner som jag valt att dela med mig utav, vilket innebär att ni kommer kunna ladda ner dessa gratis och använda i era egna designer om ni vill. Jag har gjort ikonerna i fyra olika storlekar, så ni själva kan välja vilken som passa bäst i er design. Alla ikoner är gjorda i .png-format för att det ska vara enkelt för ett att sedan ladda upp dem. Är det någon ikon ni saknar inför kommande nedladdningar, säg till så ordnar jag det. Här nedan förklarar jag hur ni laddar ner paketet till er dator, och lite längre ner ser ni vilka regler och villkor som gäller för användandet av ikonerna.

Ikonerna som finns i detta paket är: Twitter, Facebook, Instagram, Hjärta, Youtube, Bloglovin’, Flickr, RSS, Piterest, Tumblr, Hus, Mail, Info, Google +, Skype

 

Klicka här för att ladda ner ikonpaketet gratis
› Nu öppnas en ny flik, klicka på den stora gröna knappen ”Download”.
› Nedladdningen kommer nu starta automatiskt, klicka på mappen när nedladdningen är klar.
› Mappen har nu öppnats i WinRAR. Klicka på ”Extract to” och välj var du vill att mappen ska hamna på din dator.
› Klicka sedan OK. Gå till mappen där du valde att spara ikonpaketet, och nu kan du öppna bilderna.

 

Dessa ikoner får endast användas i privat bruk, vill säga:
Du får inte använda dessa ikoner i designer du gör till andra, oavsett om det är en gratisdesign eller design du gjort och tar betalt för – oavsett om du hänvisar till mig. Detta gäller även designutlottningar/auktioner etc. Kortfattat så får ni endast använda dessa ikoner i er egen design.

 

Kickar igång bloggåret 2015

hemsida

Hej med er! Och gott nytt år, även om det kanske är en dryg vecka för sent. Jag har ju som sagt bestämt mig för att ge bloggen en nystart med design och hela köret till nyårsskiftet, det hela blev dock lite framskjutet då jag blivit sjuk samt behövt jobba och fixa och planera inför Sälen – åker nämligen dit i en vecka imorgon med Anton, Frida och Gustaf! Men mer om det lite längre fram.

Jag har under november och december jobbat med att uppdatera designen på hemsidan, och här har vi då resultatet. Det är ungefär samma stuk och upplägg, men jag har utgått från ett helt nytt tema och nu är hemsidan mycket stilrenare – mer i min smak. Jag hoppas att det inte ska vara några tokigheter, men det dyker ju oftast upp saker man ändrar i efterhand. Det ligger en del nya tillägg lite här och var på hemsidan, bland annat så är portfolion uppgraderad samt att mina prispaket nu är lite snyggare.

Jag är i alla fall helnöjd och hoppas på att motivationen för bloggandet hänger kvar ett tag.

Nettisens nya designuppgradering

design
Klicka på bilden för att besöka hennes blogg.

Anette hörde av sig till mig och ville ha en ny design. Som ni ser på bilden här ovan så tyckte vi båda att hennes dåvarande kändes lite för rosa och ingen utav oss gillade typsnitten. Anette tyckte däremot om sin header väldigt mycket, och designstrukturen i övrigt. Så jag har helt enkelt försökt jobba med ett uppgradering, lite ljusare färger, lite enklare typsnitt och en stilrenare design, men ändå försökt ha kvar det där hon ville ha med sig från den förra. Och visst lyckades jag ganska bra? Både Anette och jag blev nöjda med resultatet i alla fall.

Läsvärda inlägg