while making Institute and Tes for schools we realise this isn't an efficient way of working; creating bespoke pages each time Content, Marketing or Institute wanted one. It would be much better to create a toolset that allowed them to create and manage their own pages, without relying on anyone.
Give a man a fish and you feed him for a day; teach a man to fish and you feed him for a lifetime type move.
Discovery: My product manager and I ran a workshop with all the stakeholder (editorial, marketing & institute). This was a sticky note exercise whereby we asked them to write down everything they wanted from this tool and one by one we as a collective categorise them into either; must-have, should-have or nice-to-have.
must = essential for day-to-day
should = tool that is missing that would add value
nice = bonuses and improved quality of life
Prioritisation: Once the loose prioritisation was defined by the stakeholders, we (PE, PM and I) went off and further grouped and prioritised into small chunks of work. Accounting for what pieces needed to be done, in what order to allow for a smooth unobstructed build.
Design sprint: Finally, once the groups of components were signed off. I started designing, in total there were about 6/7 sets and each set made up of 5 to 8 pieces and each sprint lasted about one week.
Stage 1: design + design team sign off
Stage 2: engineering sign off
Stage 3: stakeholder sign off
Stage 4: build
Stage 5: demo
Below is a rough timeline:
Drupal + Layout
All components are designed with all breakpoints considered and how they’d behaviour with other components in the same section.
The controller: in this panel the user chooses and creates the content that is populated in on the page. Everything from, titles to forms to carousels to SVGs.
We worked together with all the stakeholders ( Marketing, Institute & Editorial ) to build a flexible yet structurally sound layout with potential infinity combination — this was important to us to allow all parties to create with as little restriction as possible.
Consistent and up-to-date across the whole site
Autonomy of the process of building and publishing a page on site
Regained engineering time. Building products not pages
Next in version II
Our aim was to make the shop window amazing for the final user, and once MVP was launched; work with the internal team to organise and tidy inside the shop if you will. Below are some of the feature we plan to implement