Corporate Identity Bieb in Bloei

Bieb in Bloei:

Bieb in Bloei is een digitaal platform met daarop een overzicht van de duurzame projecten van de Buurtcampus Oost.

De Buurtcampus is een dynamische, laagdrempelige plek waar iedereen zich welkom en uitgenodigd voelt om kennis op te doen, te ontwikkelen en te delen. Met als doel: samen de buurt duurzamer, gezonder en inclusiever maken. Bij de buurtcamus draaien verschillende duurzame projecten; De Stekjes bieb, De Zadenbieb en de Geveltuin.. en er komen nog meer duurzame projecten bij in de toekomst. Op het platform Bieb in Bloei krijgen deze projecten een gezicht.

Design challenge:

Ontwerp en ontwikkel het digitale platform voor Bieb in Bloei van Buurtcampus Oost.

Beschrijving:

Ik heb een nieuwe pagina toegevoegd. De 'Home' pagina. Deze werkt net als de 'Groene bieb' pagina responsive. Ook heb ik hier de huisstijl op toegepast.

Op de home pagina zijn de 4 blokjes te vinden met de 'stekjes, zadenbieb, groene bieb & geveltuin' te vinden. Hierin staat een stukje informatie over het onderdeel. Ook staat er onderaan een scroll menu voor de agenda waarin workshops kunnen worden toegevoegd. Deze kunnen dan makkelijk gelijk te zien zijn voor de gebruiker.

Op de Groene bieb pagina is eigenlijk niks nieuws toegevoegd. Ik heb hier meer de focus gelegd op de huisstijl iets aanpassen en kleine foutjes te verbeteren.

Responsiveness:

Desktop:

Tablet:

Telefoon:

Github pages: https://kimnikitaschijf.github.io/look-and-feel-corporate-identity/

Styleguide:

Ik heb in deze sprint de gezamelijke styleguide die wij hebben gemaakt toegepast. Wij hebben een figma file aangemaakt en alle onderdelen van de huisstijl verzameld. Hierna hebben wij dit uitgewerkt in een CSS bestand. Deze heb ik toegepast op mijn huidige pagina's.

Kenmerken:

Html homepagina:

Header (& nav)
Section (Stekjeskast)
Section (Zadenbieb)
Section (Geveltuin)
Section (Groene bieb)
Section (Buurtcampus Oost)
Section (Agenda)
Footer

Html groene bieb:

Header (& nav)
Section (Groene bieb)
Section (Partners)
Section (Samenwerken)
Footer

Ik heb gebruik gemaakt van sections zodat het duidelijk aangegeven staat in mijn code welke stukjes HTML bij elkaar horen. Ook zijn deze makkelijker te stylen in mijn CSS dordat ze allemaal een aparte section hebben.

Ik heb gebruik gemaakt van 3 CSS bestanden.

Styleguide met huisstijl
CSS van Home pagina
CSS van Groene bieb pagina

Ik heb geen gebruik gemaakt van Java Script.

Bronnen:

Licentie

This project is licensed under the terms of the MIT license.

kimnikitaschijf / look-and-feel-corporate-identity

readme