ITA130 - Webbprojekt - av Christine Enebrant

Om webbsidan
Det här är en webbplats till MIXO AB - ett företag som säljer biodlingsprodukter och produkter som underlättar vardagen (och ägs av en kompis till mig). Webbplatsen består av tio sidor där man får information om resp produkt, företaget, vad som gäller vid köp och hur man kommer i kontakt med 
MIXO AB. Varje sida är uppbyggd av ett antal tabeller där linjerna tagits bort för att sidorna inte ska vara så fyrkantiga. 

Varje produkt har sin sida där man får veta mer om just den produkten och hur man beställer den. På en del sidor finns det informativa bilder om hur produkten ska användas.

Målgrupp
Sidan vänder sig i första hand till hushåll men även till företag i Sverige och utomlands.

Texter
Texter finns både som knappar (=bilder) och som rubriker och brödtext direkt i tabellerna. Typsnittet på knapparna med text är ChollaSansRegular - ett typsnitt som hör ihop med MIXO AB. Jag har använt kraftig kantutjämning för att få texten så tydlig som möjlig (förmodligen hade jag fått texten ännu tydligare om jag bytt typsnitt, men MIXO:s ägare är en väldigt envis med att det är just det typsnittet som ska användas). Rubrikerna och brödtexterna i tabellerna är skrivna med Verdana.

Knapparna har Mouse-over-effekt och texten byter färg från vitt till gult när man drar musen över dem. Varje knapp består av två bilder - en med vit text och en med gul.

Den stora rubriken (MIXO - förenklar din vardag) är också en bild och den är skriven med typsnitten ChollaSansBold och ChollaSansRegular.

Sidfoten - också den en bild - skriven med  ChollaSansRegular, kraftig kantutjämning (detta eftersom texten blev tydligast då).

Brödtexterna på varje produkts sida, är skrivna på ett sådant sätt att alla ska kunna förstå vad produkterna ska användas till och - i vissa fall - hur de används. På startsidan har jag skrivit korta informativa texter om resp. produkt för att man ska få en uppfattning om vad den ska användas till och (förhoppningsvis) bli nyfiken och klicka sig vidare.

Bilder
En del av bilderna på webbsidan är fotograferade av en reklamfirma (för MIXO:s räkning) och övriga (de flesta) har jag eller MIXO:s ägare fotograferat.

Bilderna har jag i stort sett redigerat på samma sätt i PhotoShop: tagit bort originalbakgrunden med trollstav och/eller suddigummi, lagt in ett nytt bakgrundslager i samma färg som webbplatsen, använt autokontrast, ökat skärpan, vissa bilder är utklippta med 5 eller 10 pixlars kantludd. På en del har jag lagt till mer rött, magenta eller gult (under Bild  -> Ställ in  -> Variationer), medan jag på andra har ökat eller minskat intensiteten. Allt detta för att bilderna ska bli så bra och tydliga som möjligt.

Bilderna är nästan genomgående helt utklippta och lagda på webbplatsens ljusblå bakgrund. Jag har valt att göra så med bilderna eftersom jag tycker att de framträder tydligare då.

Jag har sett till att bilderna inte blev för stora när jag sparade ner dem som jpg-bilder eller gif-bilder. Målsättningen här var att få bilder som snabbt laddar ner även med modemuppkoppling.

Navigation
Man navigerar på sidan genom att använda de tio knappar som finns under den stora rubriken. På startsidan kan man även komma vidare till resp. produkt genom att klicka på dels produktbilden och dels på den info-länk som finns under varje bildtext. På sidan med förstoringen av vaxljusen finns en tillbaka-länk till biodlingssidan.

Juridik
Sidan följer de lagar som är aktuella för just denna webbsida, tex har MIXO copyright på alla bilder. I de fall texterna är hämtade från generalagenter, har MIXO dessas tillstånd att publicera dem på webbplatsen.

Slutkommentar
Webbplatsen består av en ramsida med sidhuvud (rubriken MIXO - förenklar din vardag, samt navigationsknapparna), sidfot (bilden med adress och telefonnummer) och mittutrymmet där samtliga sidor visas. Ramsidans sidhuvud och -fot är låsta i höjd för att de alltid ska visas på samma ställe på skärmen. Mittpartiet är "relativt" så att det ska kunna variera med storleken på besökarens skärm.

Tabellerna på alla sidor är låst på bredden till 750 pixlar (det var rubrikbilden som bestämde det måttet). Alla tabeller är centrerade på sidan för att innehållet alltid ska visas mitt på skärmen (ser snyggare ut, tycker jag). Tabellen med sidfotsbilden (adress och telefonnummer) är även låst på höjden till 22 pixlar.

Jag har valt att använd mig av genomgående blå nyanser. Dels för att blått är MIXO:s färg och dels för att jag tycker det ger ett lugnt och seriöst intryck av webbplatsen. Jag har valt olika blå nyanser som harmonierar med varandra för att få lite liv på hemsidan. Sen gör den ljusblå bakgrunden att alla bilder syns tydligt mot den.