Debriefing

“Onze huidige cmd-amsterdam.nl website zou het visitekaartje van onze opleiding moeten zijn. De website moet als voorbeeld dienen hoe wij op CMD digital interactive design zien, een uiting van onze ontwerpvisie. Een vertaling van onze inhoud, lesstof en vakken. Practice what you teach. En dat is nu niet het geval.”

Huidige situatie

• Standaard: opleidingspagina binnen de HvA-website

• Aanvullend: ‘corporate’ WordPress-site met een aangeschaft thema

• Studenten vinden het leuk om door deze laatste site heen te navigeren (hierna te noemen: ‘deze/huidige site’) en meer over CMD te weten te komen.

• Voor aanpassen van de site moet je ervaring hebben met WordPress

• Qua vormgeving en ontwerp gelimiteerd tot de componenten van een aangekocht thema

• De back-end is te verweven met de front-end wat het lastig maakt om onderdelen op lange termijn te vervangen.

• Vervuilde WP-content

Probleemstelling

• Deze site representeert de identiteit van CMD niet voldoende; een redesign is gevraagd

• Ook: deze site is eigenlijk ‘niet meer de bedoeling’ vanuit de HvA; ivm afwijkende huisstijl en daarbij behorende online middelen

Eisen nieuwe website

• Makkelijk te onderhouden door Mattijs

• Oogt visueel sterker dan de opleidingspagina en geeft meer mogelijkheden om CMD te presenteren

• Geen clash met de huisstijl/merkenstrategie van de HvA; geen officiële ‘corporate’ site.

• Aansluiting op de HvA-huisstijl waar mogelijk

• Bevat aanvullende digitale componenten op onze huidige huisstijl

• Technisch: voldoet aan performancestandaarden

• Technisch: voldoet aan a11y

• Technisch: open-source op GitHub

Visie

• Dient als visitekaartje van onze opleiding

• Representeert onze visie op digital interactive design

• Onderscheidt ons van de andere CMD’s

• Site van en door de CMD-community

• Laat talent zien van onze studenten, docenten en bedrijven binnen onze disciplines

Onderzoeksvraag

Hoe kunnen wij een online omgeving creëren die onze identiteit uitstraalt en laat zien wat wij doen, zonder dat dit een botsing met de HvA oplevert?

Data

Wat hebben we?

• De content van de huidige Wordpress-site (tekst-export, WordPress API)

• De pitch voor redesign van de site

• De CMD-huisstijlelementen

Concept 1: Digital Playground

Een organische plek waarbij we bijvoorbeeld een toolbox aanbieden met elementen uit onze CMD-beeldtaal. Hierin laten wij zien wat wij onder gebruiksvriendelijk ontwerpen ontstaan, waarbij rekening gehouden wordt met de laatste ontwikkeling van goede online producten. Kortgezegd: het is een CMS waarbij bezoekers van de site, zelf componenten samen kunnen stellen die bij CMD passen? Build-a-bear maar dan voor een website, zodat CMD kan zeggen ‘tja, technisch gezien dragen zo veel personen continu hieraan bij dat het geen official corporate website van onszelf is..’?

Onderdelen online toolbox

• Digitale bouwblokken uit onze CMD-huisstijl

• Blokken met content

• Fotografie

Interactie

• Hiermee nieuwe elementen maken voor deze omgeving

• Bijv; de pagina-templates

Eisen

• De site moet een aantal templates bevatten (zie pitch)

• De site moet een aantal features bevatten (zie pitch)

Doelgroep

• Docenten

• Studenten

• Aankomende studenten

• Iedereen die denkt het beter te kunnen

Concept 2: Design System (redesign)

Een gestructureerde redesign van de huidige CMD-site; digital focused (web)vertaling- en aanvulling van de huidige huisstijl en beeldtaal. Als we een gevarieerde set componenten maken, is elke gewenste pagina te bouwen.

Eisen

• Huidige huisstijl aanvullen.

  • Het ontwerpen van een meer digital focused (web) vertaling van de huisstijl.

• Heeft betere performance

• Voldoet aan a11y standaarden.

• Open-source codebase

• Co-creatie mogelijk

  • Biedt mogelijkheden om het bijdragen aan de site te verwerken in andere CMD-vakken

• Voegt content samen op een centrale URL

  • cmdmethods.nl cmd.amsterdam/methods

  • cmda.eu cmd.amsterdam/stages

  • eventbrite.nl cmd.amsterdam/events

  • flickr.com cmd.amsterdam/photos

• Bevat een custom pattern library ter aanvulling van de beeldtaal

  • Digitale componenten waaruit de website samengesteld wordt

(Headless CMS)

• De content van de CMD Amsterdam-website beschikbaar stellen door middel van een API. Studenten kunnen zelf projecten bouwen met onze content.

Templates

• Landingspagina’s voor bijv. Golden Dot Awards of DID Conference

• Homepage

• Tekstpagina

• Alumnipagina

• Eventspagina

• Studiegids

• Studentenwerk

• Curriculum

• ‘Nieuw’/blog

• Stagebank

• Tekst & resources

• Battery

Conclusie/aanpak?

We zoeken uit wat er gaat gebeuren met de content; vanuit WP nog steeds aangeleverd, of gaan we headless en designen we zelf een manier waarop de content gemanaged wordt?

We fixen dan eerst de set componenten vanuit de huisstijl, leggen daar een documentatie/database van aan en bouwen daar dan de pagina’s van op volgorde van prioriteit van de features/templates. Aanvulling van de huidige beeldtaal dmv web-based design is wenselijk; animaties and such, in ieder geval niet meer alleen print-based design.

Opmerkingen/vragen

• SSL ontbreekt bij de huidige WP-site..?

• Moet de nieuwe site nu vooral een passende oplossing zijn met inachtneming van de regel van de HvA, of mogen we wel gewoon ‘t uitgangspunt van ‘de huidige site redesignen’ puur als doel behouden?

• Oftewel; is het de bedoeling dat we wel echt wat doen met dat het geen official site meer mag zijn, maar eveneens wat doen met de ideas uit de pitch van vóór deze maatregel?

• Moeten we het overzicht van functionaliteiten binnen de huidige website (MOSCOW) behouden voor ‘t redesign?