We Built A GDPR App In Under 2 Hours – Here’s How!
A couple of weeks back we published an article where we took a look at the GDPR apps published by 3 top law firms: DLA Piper, Hogan Lovells and Fieldfisher.
We agreed that a lot of work must’ve gone into putting those apps together, and they all had some very strong features.
We also agreed that the idea of a GDPR app is superb.
GDPR is one of those complex pieces of regulation that has been shifting and forming for a while, and will probably continue to do so until May 25, 2018, the date it’s set to go into effect. It’s hard enough to keep track of it and remember all that it entails, so it makes for a pretty useful reference app.
And if you read that article, you probably also saw we just went and built our own GDPR app. But here’s the thing: We didn’t tell anyone just how easy it was to create that app! So we decided to outline the process here.
Step 1: Starting with purpose
There’s already a good dozen GDPR apps on the app stores, so why would we build another? We’re glad you asked. We think this is a question our clients face all the time: they’re trying to catch up with the competition AND stand out at the same time, and so should we.
So we told ourselves our app would be amazing because we could truly stand out and do things the other apps haven’t done:
- Make it colorful! GDPR is not a walk in the park, but that doesn’t mean the app itself has to be boring.
- Make it interactive: Yes, it’s a reference app about a long and complex set of regulations, but we can still present the content in a format that makes it easier to grasp: we thought we could use Fliplet’s most “tactile” components such as the slider, checklists, question-and-answer screens and also the less-fun-but-also-cool accordions.
We also knew we have a pretty strong disadvantage: we’re not GDPR experts. But that’s okay. The UK’s Information Commissioner’s Office (ICO) has some excellent materials and so we paraphrased all our content from their site.
Step 2: How is it going to be useful?
To fit the definition of “application”, an app has got to be inherently useful. Having a reference app is great, but we also had to come up with ways to make sure people will come back to the app.
- The basics: the app needed to include key GDPR definitions, who it applies to and dates
- The reference materials: we came up with 2 key reference bits:
- A “Does GDPR apply to me?” section
- A “GDPR Top Tips” section
- An interactive section: The “How Ready Are You for GDPR?” checklist
- A section to keep users coming back: How could we keep the app relevant without having to update it all the time? Simple, we’ll add an RSS feed to the ICO’s latest GDPR news.
- The “Contact Us/About Us” section: As standard, a single page where people could see who Fliplet are and a functional form to get in touch.
- Main Menu (a selection of the app’s options)
- What’s the GDPR
A slider with key facts
- Does GDPR apply to me?
A screen with a series of questions. The users’ answer leads to a “Yes it applies to you” or “No, it doesn’t apply to you” screen.
- How ready are you for GDPR?
An interactive checklist. The ticked items can be sent to a contact via email.
- GDPR Top Tips
An accordion with 10 top tips and explanations for each underneath
- GDPR News
A beautifully formatted RSS feed of the ICO’s GDPR news
- Who made this app?
- App menus
- News pages from an RSS feed URL
In the end, our app’s “sitemap” ended up like this:
Step 3. Gather the content
This bit was a lot more straightforward for us than it is for some of our clients – we just went to the Information Commissioner’s Office’s website and the European Data Protection Supervisor’s website and took the content that would fit our sitemap plan.
Step 4. Build app using drag-and-drop components
This was the easy part, and the one that took us just 1 hour and 45 minutes.
To put this into perspective, that is a lot less than the usual 18 weeks an app takes to build on average.
All of our planned features were designed around components already available in Fliplet Studio. Fliplet already has ready-to-use components for most of the things I’d planned:
So I just had to drag-and-drop them in place and fill in the settings.
For the accordions, I just followed these instructions.
Step 5. Beautify
Once my content was in place and all the features were working, I sent the app to our team’s designer (the wonderful Sara), who added a few of our pre-existing illustrations and added the funky gradient background with a touch of CSS. The time it took her to do this was included in our 1 hour and 45 minutes.
At the end of our build time, we pressed the “Launch” button on Fliplet Studio, selected “web app” and followed the instructions to embed the app on our website. And voila! Here it is!
Play with our GDPR app
Love it? Hate it? Tell us what you think in the comments! We still think it’s pretty good for just under 2 hours of work, so if you’re a Fliplet user and want to try this app on Studio, just contact us! Or, if you’re not an user yet request a free demo today and get started building your own apps.