Verkkosivuston suunnittelu ja toteutus - Katriinan Keittiö
Tavoitteena oli luoda verkkosivusto, joka välittää Katriinan Keittiön brändin persoonallisuuden sekä on käyttäjäystävällinen ja toiminnallisuuksiltaan selkeä.
Sivuston rakenne sekä sisältö suunniteltiin tukemaan yrityksen palvelujen esittelyä ja asiakkaan helppoa navigointia. Projektissa kiinnitin erityistä huomiota responsiivisuuteen, visuaaliseen ilmeeseen ja brändin yhtenäisyyteen, jotta kävijä saa sivustolla vieraillessaan miellyttävän käyttökokemuksen.
Sivuston rakenne
Verkkosivuston tuotantoprosessi
Työkalut
Figma: Sivuston rakenteen suunnittelu
WordPress & Elementor: Sivuston toteutus
Adobe Fresco: Ikonien suunnittelu ja toteutus
Adobe Photoshop: Kuvien käsittely
Ikonit
Sivuston layout suunnitelma - Figma
Figmalla suunnittelin sivuston rakenteen ja väriteeman. Layoutin avulla pystyin hahmottamaan sivun kokonaisuuden ennen sivuston tekemistä WordPressillä ja tekemään tarvittavat muutokset tehokkaasti.
Oppimiskokemus
Projektin aikana syvensin osaamistani WordPressin ja Elementorin käytössä. Opin suunnittelemaan ja toteuttamaan sivuston suoraan WordPressilla ilman perinteistä koodausta. Elementor mahdollisti nopean responsiivisen suunnittelun ja visuaalisen hallinnan, mikä helpotti sivun ulkoasun hiomista.
Haasteena oli varmistaa, että kaikki elementit toimivat sujuvasti eri laitteilla ja näyttävät yhtenäisiltä. Projektin myötä ymmärsin paremmin brändin visuaalisen ilmeen toteuttamista verkkosivulla ja sain arvokasta kokemusta modernista verkkosivujen suunnittelusta.