UX/UI Case Studies

Teachola supports the expat teacher community throughout Asia by providing the widest selection of quality guaranteed teaching jobs and help teachers upskill to improve their career prospects.

The Solution

My initial role in this UX project was to facilitate stakeholder and end-user workshops and to interview existing teachers that Teachers For Asia have previously placed into schools in China. Conduct a heuristic review of their existing site and work with the development team to bring the insights we uncover into an engaging digital platform experience.

I did this by running an in-depth competitor analysis both direct and indirect, creating proto-personas of the different age demographics, needs/wants and skill levels of teachers. Our findings showed three main types – ESL, Subject Teaching and Online teachers all with different requirements. So we created a customer journey map for each persona and mapped out a task analysis for each scenario. We also found that an empathy map was beneficial to this project as young teachers relocating to the other side of the world at this current moment in time could be very daunting.

While Chinas immigration borders were closed for the foreseeable future, we found that by switching the focus to ex-pat teachers already in the country looking to upskill or relocate, we could tap into an already available market that would need the services of Teachola. This brought about creating a Community section within the new web platform and making the business more about empathy and togetherness than just being another predictable recruitment company.

(User Journey Map)

The Result

I created low-fi wireframes to brief the development team to make sure what we proposed could actually be easily replicated in code. I coded up the front end of the website in HTML5/CSS3 and worked with the developers to integrate the Content Management System (CMS). Analytics and Metrics were added to review the site through heat mapping and screen recording software.

The next phase will include working with a technology company in Shenzhen to integrate an Artificial Intelligence (Facial Recognition) User Account system allowing Schools to view resumés through a subscription model, rating the teachers from 1 to 5 in the ability and compatibility with the school. We are also working with AR and VR immersive technologies to offer the potential teacher a real-time 360^O view of the school and location before signing any contracts.

(Lo-Fi Wireframes in Adobe XD)

Dromona is part of the Dale Farm brand along with Spelga, Mullins, Fivemiletown, Loseley and Rowan Glen producing award-winning milk, cheese, butter and ice cream – sold into over 45 countries across the globe.

The Solution

First, we sat down with Ardmore to define a clear strategic brief and understand the client requirements for this new project before we even started to think about the look and feel of the new site. We worked closely with Ardmore throughout the design iteration stages to create the Information Architecture (IA), sitemap and lo-fi wireframes to make sure we kept the project on the right track.

A community approach was also introduced through a hashtag #DromonaMakesIT and a dedicated Instagram set up to drive customer participation. Meal suggestions and recipes giving quick and easy stepped instructions with an option to share on relevant social channels was developed. This included all-important nutrition and allergen information as well as showcasing the individual products.

The Result

Rich and engaging content was key to the success of this website, it helped to ensure emphasis was placed on the usability of the website and encouraged users to return. We created a clean user interface taking onboard UX best practices and incorporating a live photo feed through Instagram. Once all layouts, web optimised files and style guides were approved, these were supplied to the developers to start the development process along with a style.css file that they could plug straight into the web build.

The Glens of Antrim is steeped in Irish folklore where spirits, myths and legends meet and the distinct Irish Whiskeys produced at the Glens of Antrim Distillery pay tribute to these mystical tales.

(Competitor Analysis)

The Solution

Given the short timeframe and quick turnaround required for this project, we had to work in a lean and agile way. Relying heavily on desk research, competitor analysis (quantitive & qualitative) and UX best practices, we didn’t have the time, budget or resources to conduct a deep dive into the user research into customers purchasing patterns and behaviours when investing in whiskey casks.

We scheduled a five-day design sprint session to agree on a long-term goal, diagram the problem and interview the client. We collaborated together to rapidly create a paper prototype and decide what features and functions cost/time benefits and what would be realistic to achieve in one week of development time. We went about defining our Minimum Viable Product (MVP) and moved the ‘nice-to-have’ features into the car park to sort through in the next iteration.

(WordPress Page Builder)

Aer Lingus is one of Ireland’s largest and most successful airlines. Founded in 1936, the airline is a subsidiary of International Airlines Group, the parent company of British Airways and currently operates flights in 92 airports across 24 countries.

The Solution

We facilitated a User Experience (UX) workshop to understand user behaviour and identify any usability obstacles. We worked in tandem with the client to develop a customer journey map, wireframes, and low-fi visuals and used agile methodologies to quickly create an interactive prototype. During this process it was discovered that submissions are generally completed over a couple of days with the entrant coming back numerous times to make amends, it was important we included a function to easily save progress and send when ready. An editable pdf was also offered as a download allowing entries to be emailed at a later date.

The Result

9 different category-specific entry forms were created to collect and collate submissions that organised and sent entries directly to an email folder on the client’s computer and save a backup copy onto the database. We leveraged the power of video on the homepage to grab attention and improve search engine rankings along with integrating 3rd party software to collect user feedback and see how visitors interact through heatmaps, session recordings, and conversion funnels.

During the deployment phase, we installed an SSL security certificate and a cookie policy bar to comply with GDPR requirements when collecting and storing user data. Magazine adverts and digital banner adverts were created for above and below-the-line marketing campaigns to drive award awareness and encourage online entries. A wide range of awards-related material and promotional items were produced to accompany the digital.

Motorola is a leading global communications company that creates and innovates technology solutions to keep communities and businesses safe. With the most advanced and reliable radios on the market, Motorola radios are engineered to work flawlessly in the toughest of conditions.

The Solution

We ran a two-day strategy workshop with the client to ascertain their current business needs and strategies. This helped us quickly identify that a digital approach was to be used instead of the traditional routes that the customer currently used. We could promptly monitor, measure, and amend the digital offering depending on metrics and analytics received. We used Hotjar analytics and Usertesting.com to gather feedback on 3 key challenges.

The Result

We developed an email marketing campaign to help the client follow up, and direct customers toward the dedicated sales funnel. Using a three-step process that turned visitors into customers – Introducing Motorola to new customers, educating and reconnecting with existing customers and closing the deal with ready to purchase/hire customers. This was all backed up from the user personas that we created. After every month, we were able to test and refine the landing pages from the user data gathered from the previous month. The body of UX work conducted was valuable to Motorola and the direction that they decided to take in the next Q4.

Winterfell Tours is Ireland’s premier Game of Thrones Tour Visitor Attraction where you can meet the real-life Direwolf Dogs & explore over 20 key Game of Thrones tour filming location hotspots on the ancient sprawling demesne of Old Castle Ward.

The Solution

Through the use of eye-tracking software, first-click testing and mainly remote user testing we could understand where and why the user wasn’t completing the purchase. We implemented the 3 click rule for every page but the major ‘quick win’ came from moving the booking events to the homepage, these were currently hidden within the site and adding 2 clearly labelled CTA buttons to either view or book. We also removed the video of the Direwolf howling from the front page Hero section replacing this with a slider of real-life events as user feedback showed us this was more ‘annoying’ and distracting to the user than inspiring. The colour of the primary buttons was made more prominent and point size/line height slightly increased to help with legibility

The Result

From our UX research gathered through this project, we found that our primary target audience in America connected with the word ‘Castle’ and research shows that ‘Irish Castles’ was a high-level keyword. We decided to feed this through our SEO and rename the business to Game of Thrones – Winterfell Tours – Castle & Demesne which gained twice as many click conversions.