Kuvitteellisen blogi-sivun suunnittelu ja toteutus

Tehtävänä oli suunnitella ja toteuttaa blogin etusivu. Blogin aiheen ja visuaalisen ilmeen sai itse valita. Visuaalinen ulkoasu on suunniteltu Figmalla.

Valitsin blogin aiheeksi valokuvauksen. Blogissa kerrotaan valokuvaukseen liittyvistä asioista ja jaetaan valokuvia.

Blogi toteutettiin koodaamalla HTML ja CSS tekniikoilla Visual Studio Codessa. Logo on tehty Adobe Illustratorissa. Kuvat on otettu Unsplashista.

Sivun rakenne - Figma

Tämä oli ensimmäinen itsenäinen kokemukseni Figmasta. Aluksi työkalu tuntui monimutkaiselta, mutta sen avulla pystyin hahmottamaan sivun rakenteen ja visuaalisen ilmeen selkeästi.

Valmis sivu

Valmis sivu eroaa hieman Figman suunnitelmasta, mutta pyrin säilyttämään alkuperäisen ilmeen ja tunnelman mahdollisimman tarkasti.

Artistisivun toteutus

Scroll to Top