WP Engine have released a global case study benchmarking our work with 11ONZE to build and launch “La Plaça”, the first private social network designed to serve a community’s financial needs.
11Onze.cat, powered on WP Engine, exceeds performance and compliance benchmarks and provides users with personalised, interactive, and educational content that’s blockchain-connected for future growth.
James Sené Chairman
Our goal was to create a new category of social network, a safe and vibrant online community focused on finance and fintech, with the advances of Facebook, Instagram, YouTube, and LinkedIn wrapped up into a Netflix format.
Where traditional financial institutions create websites to sell products, 11Onze has innovated to create a social network that actively serves the Catalan people and their needs. This ethos of “adding a human touch to digital banking” is what sets 11Onze apart in the crowded fintech space.
Delivered within a four-month timeframe, 11Onze’s Facebook-like PSN, La Plaça, has attracted more than 10,000 members in less than six months, doubling the original target.
Trusted WP Engine Partner
- WONDR is an official partner of WP Engine
- We have worked closely with them over the last 8 years to deliver award winning, secure & fast performing websites.
- We have delivered websites on WP Engine for fintechs, luxury hotels, charities, media companies & global software companies.
- WP Engine also benchmarked our work for the Irish Heart Foundation.
Arnotts are a well known Irish brand who have been around for a long time but with a little help from ourselves at WONDR, they have significantly increased their online revenue while transitioning to a new e-commerce system.
While many e-commerce projects focus on the system, we as a team also spent a significant amount of time focused on the role that the brand needed to play. Our Director of Creative Brand Strategy, Oisín Hurst, reflected on what it took to revamp the brand through the new ‘Salesforce E-Commerce Cloud’ platform.
Where did you start?
From a creative standpoint, working into a system like Salesforce E-Commerce Cloud is an interesting challenge. It’s a beast of system. It’s very established, robust and complex. It’s serious stuff. So one of the first things we did was to look for benchmark examples.
To see what brands and websites that had taken this technology, this platform, and created truly exceptional, branded experiences. That was our aspiration for ourselves and for Arnotts. So as a starting point yeah, benchmarking seemed to make sense.
‘Seemed to’ sounds like it didn’t pan out.
Well, it did and it didn’t. What we found was very few brands were achieving anything remarkable. Instead the platform was constricting them creatively. They were system shells. Pure merchandising and little else. The brands, even luxury ones, just poured in imagery, type and colour. It’s a little bit daunting to be honest.
When you see famous brands fall into this trap it certainly gives you pause for thought. Like, if it’s good enough for these big guys…
Why isn’t it good enough? Is it really an issue given Arnotts is a retail brand?
Absolutely. Firstly, a brand should never feel like a passenger on its own website. Premium retail experiences should have depth, not a veneer of brand presence. The UX, UI and underlying technologies need to lean into each other. From a UI perspective, the brand needs to be part of the website’s DNA, it should be a part of the building blocks, not just the paint at the end.
Also, unlike the examples we were finding, we couldn’t rely on seasonal campaign assets to do all the heavy lifting. Instead we needed to have a scaleable branding asset. Something that could work as a building block and extend into a full and rich design language. But it had to be very flexible.
It had to work during sales and promotions, integrate with imagery, act as a texture, be a box, be a pattern, be loud, be subtle, work online, work on social. It had to work for €4k earrings and a €10 potato peeler with equal credibility.
You’re talking about the ‘chisel’.
It’s an awful name for it, but yes.
Where did it come from?
From the store. Literally it came from the physical store. We were looking around for a piece of visual heritage or inspiration to help us. We couldn’t build from the brandmark because at the time that was being redesigned by another team, so we went to the store and just walked around, looking.
What did you see?
Well for the first while nothing popped out. It’s a really interesting building. On the Henry Street side its architecture is Victorian, on the Abbey Street side it was originally Art Deco, but it’s been heavily reworked.
It’s like these two different eras had been smashed together and then hollowed out. But still dotted around the store, from both sides, there was one shape that kept on repeating. This kind of chamfered, or chiseled shape.
So we decided to take it for a walk. I got back to the office with a few sketches and just started to play with it, as a ribbon, a box, a border, as glass, as 3D etc etc. As a creative solution it quickly proved its potential.
In the end I think it worked for two reasons. Firstly, because it was literally ‘of the store’ it reflects, and connects to the physical experience of Arnotts. The website feels like the brand, not an extension of it, or the digital side of it, but just the brand.
It was so simple.
Philip Dwyer Chief Digital officer
It truly changed the perception of the Highway1 programme in San Francisco, and it definitely placed the programme ahead of its competitors in terms of communications.
It’s the sort of statement made by many an agency about their projects — but it’s rarely can delivered with such sincerity.
For WONDR Brand Director, Oisín Hurst, however, it’s 100% justified. For not only had he and WONDR founder, Dermot O’Shea worked to develop a digital presence that showcased future startup — but the project also gave the PCH a story and experience that would lead to greater recognition.
Of course, while these changes would end up impacting just about every facet of the wide-ranging business, they all stemmed from a response to one relatively small problem.
The hardware company, which was founded by Irishman Liam Casey, made its name working with Fortune 500s companies (well known phone, tech & fashion brands) and IoT startups ranging from flic to Ringly to develop, manufacture, package and distribute hardware products for companies that ranged from plucky startups to large multinational corporations.
The issue wasn’t that Fortune 500 companies weren’t on board — in fact, it scored highly in brand awareness with them. The problem was many people weren’t aware of its supply chain capabilities; in other words, it was limited in perception to a mere manufacturer.
As part of its services, PCH was bringing products from the drawing board into people’s hands, taking startups through every step of the process — an end-to-end process that was being missed by clients. That knowledge gap prompted PCH to review the entirety of its business — including its seven business units which cover areas B2B, B2C, B2B2C and more — and from there, it created a product that would be consistent but also caters for the differences each unit offered.
When WONDR was approached by Philip Dwyer, PCH International’s group Chief Digital Officer, the aim was clear: to avoid the clichés associated with corporate sites and blogs, mainly one that only pushed its own announcements without offering anything in return.
“PCH had a great story, particularly Liam Casey’s journey to build the company into a trusted partner with some of the World’s best known technology brands,” says Dermot. “As an avid fan of WIRED, I was well versed with getting information around hardware launches as a consumer, so this project gave me a chance to understand it all from the business side too.”
The approach taken was certainly different, Oisin notes, “As Philip proposed the first PCH project to us, it was clear that he intended to use digital as the first platform to express the brand repositioning. He was very open about the fact he didn’t want yet another corporate site that would act as a recording archive of past press releases.”
Instead the brief was to develop a strong digital platform that would clarify PCH intent in the connected hardware revolution. Working on the master site and all the sister sites, we managed to produce a convincing industrial and service story.
The standout example is its hardware startup accelerator Highway1. On the landing page, you’re presented with a short background video showing what it offers, a clean design, large images that catch the eye, two main colours — sky blue and white — to complement each other, and a straightforward interface that works both on desktop and mobile.
This is a great representation of WONDR’s work — communicating the main thread connecting all of PCH’s units: the speed of hardware innovation, the momentum driving connected hardware and the worldwide ecosystem behind it. All while maintaining PCH’s unique identity.
Dermot says, “Highway1.io tells that story best. We transformed the website from a simple start-up registration form to a strong showcase of the alumni startups; the blog quickly became a must-read destination for all hardware start-up looking for an accelerator programme”.
Telling that story helps prepare those visiting Highway1 or any of PCH’s services. By getting a sense of what it has to offer, they would know they were engaging with something more than just a hardware service.
“PCH were very active at the time on the global tech event circuit, regularly featured in WIRED, TechCrunch and The Wall Street Journal, so they needed their digital branding to reflect the scale of business they truly were,” says Dermot. “Also they were well connected with the VC community in Silicon Valley so it was important that when those influential people visited any of the web platforms ahead of a Demo Day for example, that they got the sense they were dealing with one of the world’s best.”
While it’s an obvious thing to say, having a clear digital presence is important — all the more so for PCH, allowing it to use the many different advantages brought about by digital, including gaining customer insights, improving relations and customer lifetime value.
In short, it’s easier to find leads, improve collaborations and grow demand through digital, making the redesign more than the sum of its parts — and this digital version of the company perfectly represented what the team was trying to get across in the first place: end-to-end integration.
“More importantly, it provided an opportunity for PCH Group companies to present the unique, seamless and interwoven customer journey, emphasising end-to-end services with demonstrable case studies in how we deliver continuous customer value creation,” says Philip.
“We don’t see digital purely as a channel to market, particularly as digital continues to create new frameworks for industries and consumers alike.”
“Consequently, digital has provided strong scalable advantages internally by improving executive strategies leading to business process optimisation, and enhancing capital and resource efficiency across the business”.
Highway1 wasn’t the only standout project WONDR worked with PCH on. there was also the official rebranding and launch of PCH Group site at the Dublin Web Summit. It too followed a similar line of thinking to Highway1.
“WONDR utilised rich publication solutions to create an immersive experience that not only clearly articulated the PCH Group proposition, but additionally facilitated deep-dives into the unique services offerings from PCH,” says Philip. “It continuously delivered countless competitive advantages for Fortune 500’s and startup IOT companies along the journey from prototype to consumer”.
Not to mention the launch of Hardware for Health, a strategic collaboration between PCH and Johnson & Johnson Innovation, which looks at advancing new healthcare solutions.
For that, WONDR developed a responsive site with integrated CRM (Customer Relationship Management) functionality, catering for the custom-fit programme that brings innovative health hardware startups from concept to the consumer.
And that’s not including how it’s assisted PCH in other group companies like TNS Connect and PCH Access. It’s a partnership that has reaped dividends for both parties.
Oisín remarks, “Digital is a core space for the development of direct business communications. Controlling owned platforms makes it easier to develop leads, develop demand and increase collaborations.”
“For example, as PCH collaborated with Johnson & Johnson to develop a health hardware accelerator programme, we were able to develop a communication platform and a registration service in just few days. The first registrations came in within just a few weeks of the businesses agreeing to the programme.”
While Highway1 is seen as a jewel in the crown, with everyone saying it’s the project they’re most proud of, really the main draw is how the entire project came together as a collective.
“I’ve said it a few times to anyone that will listen, that Highway1 was one of my favourite projects as it gave WONDR a chance to show the difference digital branding can make,” says Dermot. “Two years later, the brand and its digital presence hold up well and document the early stages of startups as they invent the products of the future.”
“Collectively, it was developing the holistic group brand proposition for PCH, while also implementing a portfolio of digital assets that both showcase and seamlessly integrate PCH’s end-to-end digital solutions platform,” says Philip.
“Yet at an individual project level, it is Highway1 that stands out. It was a pleasure to collaborate with the team at WONDR in developing a site that captures its unique and compelling offering.
They welcome you home. They purr, they bark, they chirp. Some of them get you up for a brisk walk on a crisp Winter morning when all you want to do is stay under the duvet. They’re dependent on you when they’re sick and hungry.
All across the globe, pets are cherished companions and owners do what they can to Love Them Well. This is the insight that helped us make the online pet medicine retailer, Pet Drugs Online the best performing Magento eCommerce site in the world.
Although the business was performing well as an eCommerce platform, the real challenge was to stand out in the market and build trust with new consumers. We partnered with the client team to define their digital brand & user experience design in order to build trust, make the purchase of pet medicine easier with overall goal of increasing the online revenue.
For WONDR, delivering results for eCommerce clients is all that matters.
Just a year and a half later Pet Drugs Online have seen significant revenue uplift from investment in the UK, ahead of a European roll out plan.
YoY growth in 2019
Estimated YOY growth 2020
UK Pet Healthcare brand
Neil Fitzpatrick Pet Drugs Online
We went from 3rd biggest Pet Health Care brand in the UK to number 1 in 18 months. The work we did with WONDR rolled out across every channel. The brand message is clear. We are the brand that allows you to love your pet better.
Defining business goals
For WONDR it started with in depth discovery sessions to understand the business, its systems & people, listening to all staff members and compiling a coherent plan to set the project in motion.
Just simply having functional digital transactions is not enough anymore, building brand trust and an emotional experience is critical as it has always been for brands, just the technology has changed.
Working with a progressive minded culture that Neil has built in PetDrugsOnline gave us the opportunity to demonstrate that setting your digital brand right is just as important as getting your UX journeys nailed. We know how to help brands deliver great customer experiences that make significant uplift to brands online revenue.
Setting the brand
As part of the process we helped define the brand positioning of ‘Love Them Well’ and created the brand system for all digital channels. This included brand mark refinement, typography, UI styling, photography guidance, patterns, eCommerce component styling, as well as a complete set of social and video templates. This set in place a simple set of guidelines for the in house creative team to implement.
Dermot O’Shea WONDR
Building brand trust and an emotional experience is critical as it has always been for brands, just the technology has changed.
Building a richer user experience
We researched this brand and user experience extensively to get a solid understanding of what the opportunities were there to deliver better customer experiences and increase revenue.
Dermot explains, “The brand had a reasonably good conversion rate, however it was clear from research that the PDP and checkout pages needed particular attention. We had to make the process of uploading prescriptions easier and remind people that this is all for the love of their pet, so finish the journey.
We carried out extensive user research which included GA analysis, user video analysis, stakeholder interviews as well as one to one sessions with customers to establish what works best for the them.
We prototyped fast, tested with the call centre staff & real customers as we went to refine and adapt the user experience. This was invaluable as it allowed us to make modifications to help us refine the checkout in particular. The financial success today as a result of this, speak for themselves.
Oisin Hurst WONDR
Don’t be frightened. Don’t skimp on the user research as part of your budget. Listen to your customers, it will pay to do so!
Putting design into motion
Oisin Hurst, WONDR Creative Director says, ‘After we set the brand we created a cloud based tool kit which allowed all of the integration team and 3rd party tools to access one central library to get all the brand assets and styles. This made iterating new features and rollout of front end much faster than traditional methods.’
Setting emotion on the website was important and we did this through video, imagery, typography, copywriting and colour palette to communicate the brand proposition.
The prescriptions journey was designed to be effortless, leading with in site search to help customers find what they needed faster. To create a richer, topical and genuinely useful experience we created an advice centre for users to discover pet-care tips and related, relevant products.
Video content is critical for mobile and we build a system to allow the brand to launch the platform and refine core propositions, guided by three pillars, Trust, Convenience and Value.
Neil Fitzpatrick Pet Drugs Online
In an already crowded market, we are the only brand in the UK growing at that rate and that shows just how on the money the overall brand revision was.
A partnership for success
Partnering with clients for product management can’t be underestimated. We helped the team to brief, document and liaise with the chosen integration partner.
Understanding the development process, we assisted the Product Owner in Pet Drugs Online, pushing as much functionality into the first release as possible and worked closely with the team using Confluence to set the project and manage its delivery.
Creating a lasting bond
The brand invests heavily in PPC and SEO but to complete the journey we needed to build audience engagement and real connection. In a move away from generic posting we devised a campaign that would build trust and emotional connection. Brought to life through some simple social video advertising that struck a cord with pet owners.
Here at WONDR, we’re excited to reveal that we had the exciting job of setting the brand narrative for the CSS Design Award’s Website of the Year 2018 showcase website.
We’re so proud to be flying the flag for Irish design 🇮🇪 at on a global stage. The site is an immersive underwater world titled “Coral” — a metaphor for the sea of creativity and design unearthed by CSS Design Awards.
We caught up with two of the WONDR team responsible for bringing this landscape to life. Meet Creative Director, Oisín Hurst and Creative Front End Developer, Clément Grellier. They chatted about the highs, the lows and all the jellyfish in between.
What was it like to be involved in creating Website of the Year Awards site?
Oisín Hurst: Exciting and intimidating.
Clément Grellier: Yes, it was great to work on something focussed on collaboration with freedom of creativity. Of course there’s a big responsibility and expectations at are an all time high — it’s being seen by the entire design community! But that’s an incentive to make sure the work was unique and interesting.
What makes the CSS Design Awards so special?
OH: For me, their mantra of ‘Inspire and be inspired’. The highest thing you can do as a creative is inspire others. If you have work commended on CSS Design Awards you have a platform to potentially inspire someone else. That cycle of creativity can start again. It’s a great social goal.
Why, in your opinion, are the CSS Design Awards important to creatives in the industry?
OH: To me it’s the peer review that adds value. With the CSS Design Awards you genuinely rate the judges — it gives huge weight to the awards. It’s not someone from outside of your field judging design.
I also have a huge admiration for the effort that goes into judging and maintaining the site, and the depth of the view, you can really lose yourself in it. There’s lots of great work to discover.
CG: Yes, for me the wider community aspect as well as the peer review of the rewards.
What inspired the brand narrative “Coral”, our world under the sea?
OH: We wanted to create a narrative that tied in with the proposition and positioning of the CSS Design Awards brand and translate that into a visual concept and a wider digital experience.
Oisín Hurst WONDR
Two aspects stood out to us; firstly the sense of community at the heart of CSS Design Awards, and two, the cyclical journey of inspiration.
It was a metaphor that encompassed thriving creativity and crucially, the idea of community. The notion that we are floating through a vast sea of noise and debris on the internet but when you discover CSS Design Awards you land on a vibrant creative community. It’s our own creative island to be inhabited, much like a thriving coral beneath the sea.
Can you tell us how “Coral” was brought to life?
OH: The coral is a neon island of creativity, floating in a vast digital environment. We created the 3D hero coral by dressing it with neon plant life and lighting it with hues of pink and cyan. We also created a range of secondary corals that included the trophy, crystals and our jellyfish (named Squee).
There’s also a little surprise when you reach the footer. When a visitor scrolls down to the base of each page, they break the water’s surface and discover that the entire experience is actually upside-down.
You explored a few themes before you got to “Under The Sea”, what ideas were killed during the process?
OH: We explored a few different avenues.We wanted a world that had enough variety to create a convincing environment. Our initial idea was a typographic route that encompassed a complete alphabet with seven versions of each letter. But in the end, we decided the typographic route was a little too cold and clinical. It felt natural to come back to the coral which was a richer interpretation of community. That notion was core of the brief.
Oisin, typography still features heavily, how did that evolve?
OH: We took some of the typographic learnings from our initial creative research into the final typography for the site. We agonised over getting movement lifelike and in the end we decided it didn’t have to be literal, as long as the underwater feeling was achieved.
That movement is integral to the theme, can you talk us through that, Clément?
CG: I tried to recreate some of the ideas Oisín had around typography by taking 2D assets and making them look 3D to give them depth. We were keen that the letters would move with the mouse to mimic the underwater feeling of floating, in order to match the coral world.
Harmonising the movements with the under the sea concept so it was believable was important to the concept. It also kept it natural looking, interesting and interactive.
Front End Developer
The 3D coral is a hero element, can you tell us about the making of it?
CG: An element of play was really important which is why the 3D effect is key. Again we wanted to mimic the underwater feel and make it look more dynamic and interesting for the user.
OH: Yes it was key to bring that habitat to live with 3D. At first we made rotating 3D animations for every asset. We had a master coral with about 5 different coral “children” not forgetting, Squee, our jellyfish. We even created a coral version of the Website of the Year trophy, the CSS Design Awards logo and our own WONDR brandmark that blended nature and technology together.
How was the collaborative process between design and front end development for this project?
OH: It was really open. We didn’t do detailed page designs. It was always more of a conversation on how things could work rather than a prescriptive process. Clément instinctively knew how to elevate the designs I brought to him, creating an immersive experience that surprises the user — giving it the ‘wow factor’ I suppose.
CG: Yes, it was always a work in progress — we just kept bouncing ideas off each other. I think this is the best way to work. It’s how we were able to make the experience a bit more interesting. Open communication meant we stayed on schedule, which is important!
It’s sounds like that dialogue was key to this project?
OH: For me, when I finish something there’s always the temptation to go back and over-work it. It was really important to have the input from the team to know when to stop!
Any challenges you had to overcome once you got into the project?
CG: One of the main challenges was performance because of the amount of data. The weight of data for this project is quite high as we have to parse all the votes, nominees, judges, winners and display them in a dynamic way. It was quite challenging to handle all that data and re-organize it, sort it and filter it.
The other challenge was the assets. As we wanted to make the assets interactive and have them move and rotate, we needed to have a sequence of images for each asset ,like the letters and the coral, which increases the weight of the page. We tested and went back and forth before finding the right way to do that and made sure everything is loaded correctly.
We used very specific properties like masking videos, which made the QA more difficult because some of these properties are not available on all browsers. We often had to code a specific alternative to make sure it displays properly on all modern browsers (although the experience is best viewed on Chrome).
OH: Yes, as you work through it, you think you’ve killed all your darlings at concept stage, but then you realise there’s plenty more to kill. We had particle effects and additional movement that sadly, had to be cut. There comes a time you sacrifice things to the ‘gods of performance’. You have to decide what’s bone and what’s flesh. Protect and what you can, sacrifice what you can’t.
Favourite thing about the Website of the Year website, now it’s complete?
CG: The underwater universe. The creativity of the concept and bringing it to life.
OH: The magical realism of the site. The fact it floats and it feels electronic and magical at the same time.
The #10YearChallenge has taken the internet by storm, so we’re doing it our way.
Instead of dodgy hairdos and questionable outfit choices, we’re opening the vault to some past work. In 2009, WONDR founder Dermot O’Shea and Creative Director, Oisín Hurst, were key parts of the team that rebranded the GAA.
The GAA was founded in 1884 in an effort to preserve and cultivate our national games. Rebranding was also an exercise in preservation, to establish a brand identity that would meet the changing needs of modern Ireland. Ten years on, their work has remained culturally relevant, whilst retaining the deep heritage and storytelling of the GAA and has become an icon of branding.
The GAA is one of the last remaining true institutions in Ireland, what was it like working on such a behemoth?
Dermot: It was remarkable, everyone in the GAA and everyone on the project team felt the weight of expectation to deliver the right outcome. We were working with a brand with rich heritage, so the story was a special one. GAA has a deep history and is culturally engrained in our country. We all really, really cared as a project team and we all trusted one another to do the right thing.
Dermot O’Shea WONDR
We learned a lot about storytelling as a way to sell in the use of the branding. Talking to people in a real way and not highfalutin marketing speak. That still stands to us today when working with brands and clients.
What challenges did the GAA face and why did they need to rebrand?
Oisín: With everyone from major commercial sponsors to local level GAA kids’ clubs using different versions of the branding there was ambiguity around the identity. Nowhere was the name ‘GAA’ prominent in any of the old branding and the institution was losing ownership of the Championships to corporate sponsors. They needed something that could be owned by the people — from HQ to grass roots clubs, so anyone involved in the GAA could say, “This is us”. We were really conscious of our responsibility to the GAA and to the local clubs to get this right.
No pressure then…..! How did it feel to be tasked to work on such an iconic brand?
Dermot: I didn’t see it as just a brand identity project. It was about the deep heritage of our nation and telling the story of our people. Something to tell your family about, that will be here long after we’re gone. If you do it wrong you will always be disappointed in yourself. We had a great trusting relationship with the client team which gave us the confidence to succeed.
Oisín: It’s a huge responsibility because if you do it right it will never have to be done again. If you do it badly though — well, that can do a lot of damage. You have commercial responsibility to make sure it works well at sponsorship level but also give back something that people can connect to and take ownership of. Ultimately, we understood the heritage and the place for the GAA and were able to make it work.
It was a huge research project, can you tell us about that?
Dermot: The project spanned three years and we reached out to the whole global GAA community, with over 8,000 people interviewed. From the Taoiseach to the grass cutter. Youth workshops were set up all over the country. Sports stars and GAA legends were also consulted. It was so big, our research made the Six One news. How often does that happen on a normal project?
Oisín: Our audit of the brand evolved into an exhibition which ended up being housed in a dedicated hall in Croke Park. Our visual summary board had every artefact of GAA we could find. It was an array of brands connected to the GAA but not united. From championship to club level everyone had a different approach. We had to unify the brand.
Oisín Hurst WONDR
It’s a huge responsibility because if you do it right it will never have to be done again. If you do it badly though — well that can do a lot of damage.
Can you talk us through the logo and what each part represents?
Oisín: There are two parts, the brandmark and the heritage crest. The primary brandmark is the GAA name, uniquely crafted, drawing cultural resonance from Ireland’s calligraphic past.
Oisín Hurst WONDR
The name was uniquely styled, drawing strength from our ancient heritage while being refined to represent youth and games.
It’s been a busy year for WONDR. We launched some of our most successful projects. We made it our mission to empower clients to set their digital brand story and helped them realise great success to boot. We achieved some big goals in 2018.
We worked on some challenging and exciting projects. Won global awards, made big moves, got fresh meat by way of new team members (shout out to Tash the dog, our new favourite employee who freelances from time to time). So here’s how it all went down.
We kicked off the year with a Website of The Day award from CSS Design Awards for our work on New Music Dublin. Making us the most awarded Irish practice across CSS Design Awards, FWA and Awwwards.
We made waves with ESB Energy UK working on a successful digital branding project and full site experience, creating motion design that even managed to work it’s way into the TV ad — proof that collaboration between digital and offline creates better experience for brands.
We welcomed Pierre to the WONDR team, all the way from France he brought enthusiasm, hipster bikes and the most french moustache we’ve ever seen.
Then we got some amazing news — flying the flag for Ireland, we were named in the Top 10 studios in the World by CSS Design Awards. We’re absolutely convinced the best digital work can come out of Ireland, and this year we’ll be looking even more to set the international benchmark for great work.
In June we moved into our new office space on Wicklow St, right smack bang in the middle of the city. Four floors of creativity and a rooftop with city views (we’re yet to take full advantage of). We quickly became accustomed to bad buskers on Grafton Street, pints in Mary’s bar and the ‘Big Debate’ — which burger is better, WOW burger or Bunsen (the jury is still out).
We welcomed our new Director of Operations Emily Miller — fresh off the plane from Canada, she decided poutine and snow is over-rated and there’s no place like home for the craic. She’s brought knowledge, expertise and invaluable insights from markets across the Atlantic.
We launched Pet Drugs Online’s new platform and turned UK’s most popular pet e-commerce platform into the world’s best performing Magento website by the end of 2018 — proof that partnering with clients and listening to what they need is the way forward.
That was just a little glimpse into the world of WONDR over the last 12 months.
Thank you to everyone who partnered with us, inspired us and liked us in 2018, roll on 2019 as we have some big projects and changes happening.
WP Engine have released a global case study benchmarking our work with the Irish heart Foundation on their website.
The charity plays a leading role in improving the cardiovascular health of people living in Ireland so they do not experience disability or die prematurely from heart disease, stroke and other blood vessel diseases. They do this through health promotion, advocacy, research and pre-hospital coronary care.
They needed a website that would have a bigger impact and encourage donations. Working closely with ourselves, we defined their digital strategy resulting in a new revamped website experience that was built using WordPress & powered by WP Engine.
The site was designed with an editorial system using components, allowing the team to customise and create bespoke user journeys to meet all the demands of the public and their own stakeholders. Previously the charity commissioned bespoke micro-sites for each campaign, so the new site was built with campaign tools enabling them to publish their campaigns quickly on the main site and without the need to spend on additional development costs.
The site also included a learning management system to enable the charity to publish courses which teachers and students could access to register for courses, track their progress and collect their certificates. WONDR also built a custom API for ThankQ, which is a global charity CRM that gathers all information about donors.
Peter Delaney Director of Product
We use ThankQ with an independent payment gateway that was developed using both Stripe and PayPal’s Braintree. We chose Stripe and Braintree because they were mobile first and had scalability, and could take a lot of traffic
Trusted WP Engine Partner
- WONDR is an official partner of WP Engine
- We have worked closely with them over the last 8 years to deliver award winning, secure & fast performing websites.
- We have delivered websites on WP Engine for fintechs, luxury hotels, charities, media companies & global software companies.
- WP Engine also benchmarked our work for 11Onze’s Private Social Network.
Choosing between what is right and what is easy isn’t always a straightforward choice but it doesn’t have to be an either-or situation.
Catching up with Dermot O’Shea (Founder – WONDR) and Oisin Hurst (Director of Creative Brand Strategy – WONDR) and Sarah Jane Lynch, Head of Digital Innovation at Brown Thomas/Arnotts to discuss how making the right combination of choices led to an agile 25 day User Experience project that resulted in a 100% uplift in mobile revenue for the Irish retailer.
When WONDR first started working with Arnotts over two years ago to help them transform the brand for digital there were some serious decisions to be made. The brand’s overhaul for digital required the launch of an entirely new eCommerce site that would align with the brand’s quality credentials, not to mention demanding customer expectations. But what should be done with the existing site in the meantime, particularly on mobile?
The team at WONDR came up with a plan to both redesign and re-platform the brand while also ensuring key fixes on the existing site would work alongside to significantly boost revenues.
Oisin explains “The initial plan was to look mainly at the new eCommerce website but it became apparent very quickly that there were existing opportunities — ones that would immediately generate more revenue for Arnotts. We looked at it as a win-win — start increasing sales and revenue on the live site, while developing the strategy for the new site in parallel.”
To start, WONDR convinced the Arnotts team that it could apply a “hotfix” approach to optimise the front-end of the platform without having to modify the current platform it was running on. Time is money in retail and this short and medium term approach was essential, especially considering the re-platforming project was due to take several month.
Oisín Hurst WONDR
Re-platforming can take a while, but during that time nothing should ever stop for the business. The retailer needs to be able to continue performing user experience changes to keep the business and brand growing
Dermot adds “WONDR already had a very strong working relationship with Arnotts, having worked on a number of projects together — but this time there was the opportunity to tap into a far wider range of techniques and tactics. It was a chance to prove that some of the techniques we planned to deploy in the wider and more ambitious re-platforming project could actually be used right away.
“When you’re working on a project like this it can be very easy to gravitate towards the ‘big ideas” he continues. “Our job was to ensure Arnotts could make the most of the existing platform whilst delivering a mobile and multi-platform brand that would be fit for the future.”
WONDR’s brand philosophy is very much in line with delivering results that matter — every idea proposed and decision made by the team was based on doing the best for the customer while also ensuring the brand remains differentiated and distinctive. As a quality retail brand with “experience” as a core principle we needed to deliver on both.”
Sarah Jane Lynch Head of Digital Innovation - Arnotts
We needed to make sure that every piece of work had a clear and demonstrable impact on the bottom line.
She goes on to explain “The team at WONDR spent time analysing site analytics to get a clear picture of what was happening and how to deliver the best site experience and revenue potential. As well as their knowledge of brand building and experience design they really understood that any investment needed to deliver real financial pay-back. Putting strong measurement in place allowed us to measure this against every change made.”
The up-front analysis carried out by the Arnotts and WONDR team clearly helped avoid the costly pitfalls often associated with both hot-fix and major re-platforming projects.
Dermot explains: “Time that you would normally spend in the boardroom coming up with ideas, prepping presentations or polishing minor ideas is better spent working on the actual nuts and bolts of the project itself. It may sound pretty basic, but on projects like this it really is better to sketch out on paper rather than spend valuable time on a Mac polishing detail that may not go anywhere. This project had no time for pontificating or the stroking of crusty beards around a whiteboard — retail moves too fast and is too competitive for that.”
“Once I had a solid system in mind, I quickly moved into prototyping the key journeys that were critical for performance, testing and iterating a real mobile experience.”
“We skipped the usual presentations with exhaustive and quite frankly unnecessary explanations. We were working with a team of “digital doers” — both in WONDR and in Arnotts. It’s amazing what can be achieved by taking a mobile device — the device the customer will actually end up using — and with a savvy, motivated team testing, iterating and implementing quickly.”
A Customer-Centric, Brand-Centric Approach
As soon as ambitious timelines and the right level of investment was agreed the challenge was clearly set. Bridge the gap between the present site and the re-platform and deliver both a long-term and interim customer-centric experience worthy of the Arnotts brand.
We set our best creative developer to lead the team, and his mission was simple: descale as little of the ideal prototype while retaining all mission critical functionality”.
Just improving design and functionality on it’s own though wouldn’t be enough. In the competitive retail category, where many brands are failing to cut-through or disappointing consumers with poor digital experiences, delivering above expectations is no longer a luxury, it’s a necessity.
Dermot adds. “We had to start with a basic mobile iteration of their current platform to allow us to build the brand for the future.
The site couldn’t just be a catalogue of products. It had to be a rewarding retail experience online.”
He continues “Anyone who knows anything about retail store design will tell you, it’s very much about understanding customer psychology. So why wouldn’t the same be true online? The big opportunity for Arnotts was transferring this to the digital shopper journey.
Dermot O'Shea Founder - WONDR
We’re living through a cultural and retail revolution and mobile is at the heart of it. For Arnotts, the opportunities are boundless.
Key psychological truths like ‘choice anxiety,’ ‘future memory’ and ‘personal self-doubt’ are all deeply ingrained in shopping behaviour. These important human factors combined with changes in style and culture were taken into consideration during the design process.
User-design is much more than just keeping things simple. It’s about appealing to users on a deep and emotional level while being differentiated as a brand in the mind of consumers.”
Oisin agrees with this perspective. “Designing for retail in digital is much more than optimising opportunistic online transactions. You have to create a true retail destination. A place that people will want too go to because it inspires them, not just helps them carry out pre-considered tasks. People should want to come back to it naturally, like their favourite news site or social media network. That’s the real retail challenge. Brands like Arnotts see it as an opportunity and are already reaping the rewards.
The approach paid off. The project was delivered on time and on budget with the mobile solution delivering significant and immediate impact on revenue.
“It was agile, innovative, cost-effective and financially measurable,” says Sarah Jane, “It was a positive experience to work on too. A real partnership between the teams.”
Oisin adds, “What we’re most proud of is that we proved that properly engaging with a re-platform project, in increments, not just single goals, can bring significant benefits. Taking on a front-end only project is never the ideal solution. Yet for so many businesses in Ireland they can’t afford not to to this.” he says.
“I’m glad we were able to demonstrate in a very tangible way that investing in the proper design and people-centric experience can bring forth much more returns. You don’t have to wait for the big re-platform project to happen. Losing money on a poor site is more expensive in the interim than breaking hot fixes on an existing platform into smaller work streams to create real results from day one.”
So, if time is money in retail, then waiting for the “big new site reveal” without also making what you have work even harder through solid brand and UX thinking could be costing alot of brands more than they realise.
Dermot concludes “We established WONDR to work with progressive, businesses that want to build their brands around people in a digital world. The Arnotts team understood this from the start and we had the backing of the senior team. This is the sort of partnership that creates great work, in the immediate term as well as the long term and as we’ve seen with this project, great return for the business.”