How do you introduce flexible, efficient mobility in an organised way?
For local governments, mobility is often a very important topic. But what can you do when the mobility landscape is fragmented and it’s no longer clear to your citizens which option works best for them? That's the key question for Hoppin, the new initiative of the Government of Flanders.
Tailor-made WordPress project
Generating awareness and traffic
Organisation in full growth
Hoppin and iO: a fruitful collaboration
To develop and launch the website, the Flemish Government came knocking on the doors of iO and Common Ground. Once the cooperation was established, the project got off to a smooth start - with regular status meetings and fixed contact persons to ensure everything proceeded as efficiently as possible.
Hoppin is a new platform and has little awareness among Flemish people.
A new, custom-built WordPress website for Hoppin (including design, user testing, and maintenance)
Hoppin is an initiative by the Flemish Government to promote flexible mobility. Different mobility solutions — train, tram, bikeshare, flex bus, carshare, and more — come together in streets across Flanders at so-called “Hoppin Points”.
Hoppin’s limited brand awareness
Hoppin was brought to life to clarify the different mobility solutions in Flanders. The biggest problem? Hoppin is a new initiative, so relatively few Flemish people find their way to the website — launched as a simple one-pager — and the app.
In the long term, Hoppin’s combi-mobility should get more people to use public transport — and rely less on their own car.
But what’s the best way to accomplish that shift?
The solution: a brand new website for Hoppin
To bring that story to people across Flanders, you need a clear online presence. And in Hoppin’s case, that’s an app and a website. That website is a task iO happily took on.
Based on the client request and a preliminary phase with qualitative user testing, we developed a custom WordPress website. That website contains a number of specialised features, like a module that lets users find nearby Hoppin Points easily. All new Hoppin Points are immediately added to the website, so users always have access to the most up-to-date information.
Another thing that was very important to Hoppin and the Government of Flanders is accessibility. Every ‘kind’ of visitor must be able to easily navigate the website. That’s why we paid close attention to screen readers, contrast ratios, and other relevant aspects. On the website, information about accessibility and parking options for wheelchair users is available for every Hoppin Point.
“The partnership between Hoppin and iO was very smooth. The weekly status meetings made sure everyone was on the same wavelength and the iO experts could quickly get to work,” says Sancho Geentjens from Hoppin.
The technical story
Throughout this project, our experts used several platforms and tools to build the perfect solution for Hoppin. This is how we did it:
WordPress: as a central CMS to host all content and as the foundation for our custom development;
React.js: a custom module to optimally display Google Maps data and to expand flexibly in the future;
API layer: to read out data from Hoppin Points and for smooth communication between the backend and frontend.
Do you need a custom website as well?
Contact our experts — they’re happy to help you.
Our expertise in the collaboration with Hoppin
The future of Hoppin
As a brand and as an organisation, Hoppin is still in its infancy. Still, many Flemish citizens are already finding their way to the website, even without paid advertisements.
We intend to further expand the website in the coming months, among other things with an integrated ticketing system and a journey planner that helps users find the quickest way to get from point A to point B.
But the website is not the only thing that’s still on the schedule. The network of Hoppin Points also needs to grow rapidly. Over the next few years, Hoppin wants to install some 2000 Hoppin Points across Flanders — to bring flexible mobility as close to every Flemish citizen as possible.
- Read more
11.11.11 chooses iO as digital partnerRead more
How does innovative technology make for smoother navigation in real life?Updating and implementing interactive navigation on HD touchscreens for visitors and shoppers at Wijnegem - Shop Eat Enjoy.Look at this client story
How do you accelerate getting innovative lighting into the living rooms of 47 countries?iO experts built a brand new D2C website with an advanced Adobe Experience Manager e-commerce platform for lighting specialists Signify. The result: happy users and satisfied teams. Read the full case here.Look at this client story
Canon van VlaanderenIn 60 historical windows, the Canon van Vlaanderen depicts Flemish culture - and we provided the interactive website.Look at this client story
YER. Experts in secondment and recruitment re-introducing themselves to the Netherlands together with iOYER is already big but aspired to double their presence in the world of recruitment and selection and secondment. iO helped them with creating a new brand, internal branding, external activation online and offline and bringing 3 websites into 1 site for all target groups.Look at this client story
Creative campaigns strengthening brand equity and warming heartsPropane as an energy source was in need of recognition, by all who were living off-grid to be more precise. We managed it on behalf of gas specialist Primagaz, with creative 360° campaigns - both online and offline. Read the case study!Look at this client story
What we do
An innovative long-term partnership: strategy in technologySupport your organisation’s growth ambitions on budget with an in-depth tech strategy. Find out more about what iO can do for your business.Read more