Bouw Marketing Communicatie

Deze opdracht heb ik gemaakt in opdracht van PFO reclame.marketing en heb deze gebruikt voor mijn opleiding Communication & Multimedia Design aan de Hogeschool Rotterdam. Bij deze opdracht heb ik gewerkt aan de hand van het ontwerpproces zoals dat op school geleerd wordt. Dit aan de hand van gedragsindicatoren die ik moest bewijzen tijdens een assessment.

[vc_custom_heading text=”Bewezen gedragsindicatoren” font_container=”tag:h2|font_size:25|text_align:center|color:%23ffffff” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:300%20light%20regular%3A300%3Anormal” css=”.vc_custom_1468763294454{padding-bottom: 20px !important;}”]
Icoon_Concept Ontwikkelen_200px
[vc_custom_heading text=”Concept Ontwikkelen” font_container=”tag:h2|font_size:18|text_align:left|color:%23ffffff” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:300%20light%20regular%3A300%3Anormal”][vc_custom_heading text=”Je benaderd je ontwerp stuk vanuit meerdere invalshoeken en disciplines om tot een verrassende oplossing te komen.” font_container=”tag:p|font_size:14|text_align:left|color:%23ffffff” use_theme_fonts=”yes”]
Icoon_Concept Ontwikkelen_200px
[vc_custom_heading text=”Concept Ontwikkelen” font_container=”tag:h2|font_size:18|text_align:left|color:%23ffffff” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:300%20light%20regular%3A300%3Anormal”][vc_custom_heading text=”Je verbindt wensen en doelen van gebruikers en opdrachtgevers en bepaald welke middelen je daarbij gaat inzetten.” font_container=”tag:p|font_size:14|text_align:left|color:%23ffffff” use_theme_fonts=”yes”]
Icoon_Concept Ontwikkelen_200px
[vc_custom_heading text=”Concept Ontwikkelen” font_container=”tag:h2|font_size:18|text_align:left|color:%23ffffff” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:300%20light%20regular%3A300%3Anormal”][vc_custom_heading text=”Je concept voor een product, dienst of beleving creëert waarde voor alle belanghebbende.” font_container=”tag:p|font_size:14|text_align:left|color:%23ffffff” use_theme_fonts=”yes”]
Icoon_Verbeelden_200px
[vc_custom_heading text=”Verbeelden” font_container=”tag:h2|font_size:18|text_align:left|color:%23ffffff” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:300%20light%20regular%3A300%3Anormal”][vc_custom_heading text=”Je maakt prototypes om van te leren en verschillende oplossingen te zoeken.” font_container=”tag:p|font_size:14|text_align:left|color:%23ffffff” use_theme_fonts=”yes”]
Icoon_Samenwerken_200px
[vc_custom_heading text=”Multidisciplinair Werken” font_container=”tag:h2|font_size:18|text_align:left|color:%23ffffff” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:300%20light%20regular%3A300%3Anormal”][vc_custom_heading text=”Je kunt werken in vaste en minder vaste samenwerkingsverbanden.” font_container=”tag:p|font_size:14|text_align:left|color:%23ffffff” use_theme_fonts=”yes”]
Icoon_Rationale Emotionale_200px
[vc_custom_heading text=”Rationale & Emotionale” font_container=”tag:h2|font_size:18|text_align:left|color:%23ffffff” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:300%20light%20regular%3A300%3Anormal”][vc_custom_heading text=”Je kunt de waarom-vraag beantwoorden op basis van onderzoek, best practices en theorie.” font_container=”tag:p|font_size:14|text_align:left|color:%23ffffff” use_theme_fonts=”yes”]
Icoon_Signatuur_200px
[vc_custom_heading text=”Signatuur” font_container=”tag:h2|font_size:18|text_align:left|color:%23ffffff” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:300%20light%20regular%3A300%3Anormal”][vc_custom_heading text=”Je draagt jouw visie overtuigend uit in je werk en in contact met collega’s en andere belanghebbende.” font_container=”tag:p|font_size:14|text_align:left|color:%23ffffff” use_theme_fonts=”yes”]
[vc_custom_heading text=”Opdrachtomschrijving” font_container=”tag:h2|font_size:25|text_align:center|color:%23000000″ google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:300%20light%20regular%3A300%3Anormal” css=”.vc_custom_1468763322264{padding-bottom: 20px !important;}”]

Bouw Marketing Communicatie (BMC) is een nieuwe samenwerking tussen PFO reclame.marketing, Sascha Murk – marketing | Communicatie en Inge Sijpkens – Online Marketing in de bouw. Aan mij is gevraagd een logo te ontwerpen en een website te ontwerpen. Deze website moet modern zijn en qua uitstraling passen bij het logo, informatie bevatten over BMC en gebruiksvriendelijk zijn.

Voor deze website moet ik mij bezig houden met het maken van wireframes, een prototype en een visual design. Vervolgens moet ik met Senzes Media aan de slag want zij gaan de website bouwen.

[vc_custom_heading text=”Ontwerpproces” font_container=”tag:h2|font_size:25|text_align:center|color:%23000000″ google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:300%20light%20regular%3A300%3Anormal” css=”.vc_custom_1468764565084{padding-bottom: 20px !important;}”]

Dit zijn de stappen die ik heb gevolgd tijdens het ontwerpen van de website van Bouw Marketing Communicatie:

[vc_icon icon_fontawesome=”fa fa-file-text” color=”white” background_style=”rounded” background_color=”custom” size=”sm” align=”center” css_animation=”left-to-right” custom_background_color=”#f39200″]

Deze ontwerpopdracht begon met een briefing. Hier werd duidelijk wat de doelen en wensen van zowel de opdrachtgever als de doelgroep (gebruiker) zijn.

[vc_icon icon_fontawesome=”fa fa-angle-down” color=”custom” size=”sm” align=”center” css_animation=”left-to-right” custom_color=”#a5a5a5″ css=”.vc_custom_1468765295372{margin-top: -40px !important;}”][vc_icon icon_fontawesome=”fa fa-sitemap” color=”white” background_style=”rounded” background_color=”custom” size=”sm” align=”center” css_animation=”left-to-right” custom_background_color=”#f39200″]

Aan de hand van de informatie uit de briefing is er een stroomschema gemaakt.

[vc_icon icon_fontawesome=”fa fa-angle-down” color=”custom” size=”sm” align=”center” css_animation=”left-to-right” custom_color=”#a5a5a5″ css=”.vc_custom_1468765295372{margin-top: -40px !important;}”][vc_icon icon_fontawesome=”fa fa-search” color=”white” background_style=”rounded” background_color=”custom” size=”sm” align=”center” css_animation=”left-to-right” custom_background_color=”#f39200″]

Nu de wensen, doelen en pagina’s bekend zijn ben ik inspiratie op gaan doen door te kijken op andere websites. Zowel websites van branchegenoten van BMC (design bureaus) als op websites die bedrijven uit een andere branche vertegenwoordigen (Voedsel en autoindustrie). De ideeën heb ik opgeslagen.

[vc_icon icon_fontawesome=”fa fa-angle-down” color=”custom” size=”sm” align=”center” css_animation=”left-to-right” custom_color=”#a5a5a5″ css=”.vc_custom_1468765295372{margin-top: -40px !important;}”][vc_icon icon_fontawesome=”fa fa-mouse-pointer” color=”white” background_style=”rounded” background_color=”custom” size=”sm” align=”center” css_animation=”left-to-right” custom_background_color=”#f39200″]

De wireframe schetsen heb ik vertaald naar een wireframe prototype. Deze heb ik door vijf personen laten testen om de gebruiksvriendelijkheid van de website te testen en om een keuze te maken tussen verschillende ontwerp keuzes.

[vc_icon icon_fontawesome=”fa fa-angle-down” color=”custom” size=”sm” align=”center” css_animation=”left-to-right” custom_color=”#a5a5a5″ css=”.vc_custom_1468765295372{margin-top: -40px !important;}”][vc_icon icon_fontawesome=”fa fa-pencil” color=”white” background_style=”rounded” background_color=”custom” size=”sm” align=”center” css_animation=”left-to-right” custom_background_color=”#f39200″]

Nadat de keuzes zijn gemaakt aan de hand van de resultaten van de prototype test en het geraamte van de website dus staat, ben ik begonnen met het maken van een visual design.

[vc_icon icon_fontawesome=”fa fa-angle-down” color=”custom” size=”sm” align=”center” css_animation=”left-to-right” custom_color=”#a5a5a5″ css=”.vc_custom_1468765295372{margin-top: -40px !important;}”][vc_icon icon_fontawesome=”fa fa-cog” color=”white” background_style=”rounded” background_color=”custom” size=”sm” align=”center” css_animation=”left-to-right” custom_background_color=”#f39200″]

Na akkoord van de opdrachtgever zijn we begonnen met het realiseren van de website.

[vc_icon icon_fontawesome=”fa fa-check” color=”custom” background_style=”rounded” background_color=”white” align=”center” css_animation=”left-to-right” custom_color=”#f39200″]
[vc_custom_heading text=”Resultaat” font_container=”tag:h2|font_size:25|text_align:center|color:%23000000″ google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:300%20light%20regular%3A300%3Anormal” css=”.vc_custom_1468764163659{padding-bottom: 20px !important;}”]

De opdrachtgevers waren erg blij met het design van de opdracht. De opdracht voldoet aan de eisen die zij gesteld hebben en ook ik ben erg tevreden met het resultaat.

Op dit moment wordt de website gerealiseerd. Door de vakantietijd wordt de oplevering verwacht in augustus. Op het moment dat de website is gerealiseerd zal er een link naar de website op deze pagina komen.

[vc_icon icon_fontawesome=”fa fa-check” color=”custom” background_style=”rounded” background_color=”white” align=”center” css_animation=”left-to-right” custom_color=”#f39200″]
[vc_masonry_media_grid style=”lazy” gap=”0″ item=”1493″ initial_loading_animation=”none” grid_id=”vc_gid:1468765304442-9326b8d4-c5ea-0″ include=”1164,1165,1166,1167,1168,1179,1180,1181″]
[vc_custom_heading text=”Gerelateerde berichten” font_container=”tag:h2|font_size:20|text_align:center|color:%23000000″ google_fonts=”font_family:Open%20Sans%20Condensed%3A300%2C300italic%2C700|font_style:700%20bold%20regular%3A700%3Anormal”]
[vc_basic_grid post_type=”post” max_items=”10″ element_width=”3″ item=”935″ grid_id=”vc_gid:1468765304465-e85d6b4c-6aa8-0″ taxonomies=”83, 89″]