Traditional prediction games can feel cluttered, overly complex, or simply put, take the fun out of football. Working with venture creation partner Unit 29, we were brought in to deliver a brand new product to market. Kick Predict lets fans lock in their scores, form leagues with friends and brings that healthy bit of competition as you wait and see where you end up in the results with every goal.
We helped formulate our own brief – to make a lightweight, exciting product experience that captured a sense of fun. We worked to define the proposition, creating a brand experience alongside a seamless UI and UX interface that enabled a fast, enjoyable and shareable gameplay. Leveraging a unique scoring system built by Co-Founder Ben Uher, Kick Predict is able to provide a compelling experience where real-time results minute-by-minute affect your standing in the league.
Building a brand that captures sports audiences
In order to create something that was bold and clean the Studiomade UI + UX team headed up by Angelo Iannelli chose an energetic typeface and contrasting colour palette which created an interface that felt fresh and familiar. We built in animations throughout Kick Predict to help ensure everything had a playfulness with small rewards to the user throughout. The live league table itself went through rigorous design processes and testing to ensure that we were surfacing only what matters and that it was intuitive to understand. This resulted in big scorelines, data points and carefully selected terminology on dropdowns. Push notifications, weekly drops, visible progress, and reward mechanics keep players returning without feeling demanding.
Smart functionality
A detailed backend architecture to how Kick Predict has been built enables scheduling of fixture creations via integrated data APIs, sampling 10 matches from supported competitions (Premier League, Championship, Champions League, La Liga, Ligue 1, Bundesliga, Serie A and more). Results flow back into Kick Predict in real-time, with calculations posted live to league tables updating daily and weekly points – constantly recalculated per user.
Our development team led by Jono Gold developed a Firebase database that stores users data, leagues, predictions and league membership; alongside additional information such as match status. We allow users to create or join private leagues with a simple shareable code.
Revenue creation
Throughout the design and creation of Kick Predict, all members of the team researched and explored different mechanisms for revenue creation within the product experience. Led by Strategic Director Phil Reid, we opted to create a feature-set model where Kick Predict is available for free to all users – but with the option of upgrading to a ‘Pro’ version for a set monthly or annual fee that unlocks certain features. These include the ability to view a competitor’s prediction pre-game, being able to create multiple leagues to compete in and other feature includes.
Why it works
Kick Predict blends the simplicity fans love with an intriguing points scoring concept, all wrapped in an excellent gaming experience. Weekly cadence and live scoring creates a habit whilst private leagues and social comparison fuel engagement. A scalable technology stack (API‑driven ingestion, realtime updates, push messaging) keeps everything fast and dependable. The result: a compact, joyful game and new venture that has the foundation to grow: from small friendship groups to large brand endorsement and engagement.
Overview
mediasense has been on a period of significant transformation and growth. Following their acquisition by PwC and the subsequent purchase of R3 (adding more than 50 additional specialists to the team) the business needed a website that reflected its expanded scale, breadth of services and deep expertise. We partnered with mediasense to translate a new brand expression (created by The Yard Creative) into a compelling and scalable digital experience.
Having worked with mediasense for many years, we brought a clear understanding of the organisation and its direction of growth to this project. Through focused, collaborative sessions we aligned on what was most important to project success and shaped the website and design system around specific commercial needs and positioning. This approach allowed us to deliver a phased programme of work, with phase one now live and laying strong foundations for phase two to deepen product narratives and tell more of the mediasense story.
Challenges
When creating the website, we needed to solve some important challenges. It needed to reflect mediasense’s new scale and confidence following major acquisitions, while also bringing The Yard Creative’s refreshed brand to life in a clear and consistent digital presence. At the same time, it was important to simplify the offer so that varied audiences could quickly understand the service range, strengths and what set them apart. To achieve this, we planned a launch that prioritised getting to market quickly with a solid first phase, and creating space for richer, more layered storytelling in the phases of work that follow.
Our approach
We worked closely with the mediasense team to craft a clear audience-led digital structure that makes it easy for users to see who mediasense are, what they do, and the impact they deliver. Clear service overviews and signposting help visitors find relevant content quickly.
We translated The Yard Creative’s brand work into a responsive digital system, designed to perform as well as it looks. We built out a reusable pattern library grounded in clear design principles and flexible components that can scale as the website grows. Motion and interaction were applied with intent, enhancing clarity and reinforcing the brand experience without adding noise.
What we delivered (in phase one)
- A website that communicates mediasense’s scale and proposition
- A modular design library for efficient content creation
- Editorial models to support ongoing content creation
- Guidance to help internal teams maintain content and design quality as the website grows
Phase one set the foundation: clear navigation, modular design, and scalable structure. Phase two will build on this with deeper product messaging, richer case studies and expanded storytelling.
Together with mediasense and The Yard Creative, we’ve created a website that will continue to grow with the brand and speaks confidently to a global market.
The Challenge
There are around ten million voluntary caregivers in the UK, looking after a relative or friend in their home, and it’s increasing by thousands every week. There is a huge lack of practical and emotional support for them, and many feel stressed and alone. Often, due to a fragile social care system, they have no choice but to give their time and energy to care for someone who can no longer look after themselves, significantly impacting their own lives.
Carers often take on practical care (such as getting the person dressed or giving medication) as well as emotional, household and administrative tasks. Most are aged 45 to 65, looking after someone over 65. They have to develop an extensive and changing skill set.
They need help understanding tasks such as feeding, washing, grooming and bathroom functions but this is often not quick or easy to find, especially when dealing with an urgent care situation. The care sector is decentralised and information provided by charities and other organisations is fragmented, not personalised and insufficient to cover all carers’ needs.
This leaves them without guidance and support, and adds to the stress they’re under. For some people, this stress becomes a health risk, both for themselves and the person they care for.
The vision
Dr Caroline Green saw a need for a digital product that gives carers the fast and easy support they can’t get from a decentralised system. Her research showed that carers want reliable, highly accessible round-the-clock information that is personalised, practical, easy to use, includes emotional support – and that they can trust. Her vision is to give carers the confidence to handle caring tasks, whenever and wherever they need help.
Dr Green is a post-doctoral fellow at King’s College London’s National Institute for Health & Care Research as well as Research Fellow at Reuben College, University of Oxford. Her work focuses on AI and its potential to support older people and family carers, as well as the human rights and ethical implications of AI on caregiving.
She wanted this new product concept to connect carers with advice and knowledge from trusted organisations, use AI to provide tailored answers, and help to fill the gap in out-of-hours support. Dedicate will help carers feel calm and hopeful about their current situation, give them help and support in the moment, and show that there are people and organisations who can help them further.
Dr Green received part funding through UKRI’s Healthy Ageing Accelerator and engaged with Studiomade to design and build the digital product for beta launch based on our expertise within healthcare, and new venture creation.
What we did
We created a product MVP for an AI-powered 24/7 virtual care partner platform. We were conscious throughout the design and build process of two primary considerations. One was flexible and dynamic content, using an AI chatbot to provide carers immediate help and guidance that is as practical and personalised to them as possible. The second was designing an empathetic, safe space where users arrive and instantly feel reassured, understood and supported.
UI and UX
Our design team’s main objectives were that the digital experience feels like a calm and safe place, where it’s easy to get help with specific problems.
We esthablished a brand approach for this venture and product that used warm and calming colours and gradients, to evoke the core values of care and empathy. Subtly moving shapes in orange, pink and yellow suggest the feeling of a beautiful sunset, transitioning to a calming, complementary palette.
We knew from Dr Green that some users were sceptical about an AI chatbot experience and that if this was the main focus it would put them off. We designed the UI and product flow so that the qeury did not feel like ‘chat bot and robotic interaction’. Principally, it’s easy to search and view results from across the Dedicate content library.
The technology
We built the product utilising React deployed on Netlify, leveraging Contentful as a headless CMS that allows the Dedicate team to create, manage and distribute content across multiple devices and channels. Search is powered through an Algolia whilst data is housed in Google Firebase with analytics by Google Analytics.
AI integration
We integrated AI within this product in a seamless manner utilising Botsonic. Our main consideration was to ensure that our AI model only utilised content specifically vetted by Dedicate. Our system (Chat GPT 4) learns only from content we’ve trained it on, sourced from the Dedicate team and their content partners.
Within the user experience, we have included suggestions for prompts and other key language that supports the user. This is to show carers that rather than just typing in a general term such as ‘better sleep’, as in a search bar, they can ask questions about their own situation (e.g. ‘How can I help my father with demential to sleep better?) and get personalised answers.
Specialist content
Specialist, authoritative content for Dedicate has been created by expert healthcare providers including Sage House dementia support services, Dr Kellyn Lee from the Dementia Care Hub, and video content from HCI Digital, a producer of health and social care videos. As the knowledge base expands and the team see which topics matter most to users, they will create further content with care professionals and researchers.
Accessibility
Accessibility was a primary consideration and is why we have been rostered by the Design Age Institute as a specialist creative agency. For Dedicate, we have utilised Chakra UI as a basis for our front-end system as it’s built with accessibility in mind. All authored components are compliant with WAI-ARIA accessible navigation standards (a set of HTML attributes that can be applied to elements to improve accessibility).
The outcome
We created an empathetic brand approach for Dedicate, and designed and built a Beta MVP that has been launched to a community of first adopters. This testing phase will give Dr Green and her team an audience base, and show them where carers most need support and what they find informative and useful.
As data on usage patterns and content engagement builds up, the team will use this to iterate on the product and build the case for further expansion, refinement and product building. With an expanded knowledge base, and demonstration that Dedicate can continue to evolve and build traction across multiple business models including individual carers and care organisation support we hope that Dedicate as a University of Oxford spin-out company can secure VC funding to help it scale.
Broadridge sought to enhance the way investors, asset managers, press and industry professionals engage with their annual Investor Trends Report. Traditionally delivered as a static document, the report provides highly valuable insight into investor behaviour, preferences, and market trends with the United States. To maximise its impact, Broadridge partnered with Studiomade to transform this report into an interactive digital tool that allows users to absorb and interrogate data dynamically.
Our teams collaborated together to help conceive, design and visualise a user-friendly, data-rich digital experience that brings the Investor Trends Report to life, not just once a year but for regular engagement and reference. Our proposition empowers users to engage with data in meaningful ways, featuring dynamic visualisations such as interactive charts and graphs that illustrate investor trends over time. Customisable filtering allows users to refine insight based on specific investment sectors, geographies, and investor profiles, while benchmarking tools provide comparative analysis across different demographics and market segments. Personalised insights tailor content recommendations to individual user preferences, ensuring a more relevant experience.
Asset managers, wealth managers, and advisors can now leverage this powerful tool to enable real-time trend identification, helping them uncover shifts, themes, and emerging opportunities. It supports strategic decision-making across product development and business lines while enhancing client engagement through insightful educational content. Additionally, its seamless integration into proprietary datasets enhances internal analytics, ensuring a more data-driven approach to portfolio and business growth.
The intuitive, interactive nature of the tool has driven increased engagement from key audience groups, making complex data more accessible and actionable. Users can now extract insights that directly influence product development and market strategies, leading to better-informed decision-making. By delivering a cutting-edge investor insights experience, Broadridge has strengthened its position as an industry thought-leader and innovator in US investor behaviour analysis.
For more details, visit: Broadridge Investor Trends Report
Indoor wayfinding company Briteyellow had created an early prototype for a navigation app, Briteway, for Transport for Wales. Briteway helps people with reduced mobility or disabilities find their way around train stations. After winning funding from the Design Age Institute (with whom we are rostered as a creative agency), Briteyellow wanted us to help develop the full product for a beta launch.
Using live 3D images, Briteway helps people avoid obstacles, stairs and disruption by showing accessible routes, lifts and station facilities. Travellers can also plan in advance by seeing what the facilities are, such as ticket offices, cafés, shops and toilets. It’s like Google Maps for train stations.
What we did
We did a full UI and UX review and update of the app, including user testing (some online and some live at Newport train station) and created a report of our findings. We used these findings to design a new user journey, make structural amends, and redesign functions and screens that needed improvement. We then retested these with the same cohort of users to validate and iterate our changes, so that the app is easy to understand and use.
UI and UX
The product uses 2D aerial views (satellite images) for journey planning and 3D real-time images for live navigation inside stations. We improved the UI and UX for these and made them easier to access, and created a suite of icons for facilities such as lifts and escalators, so that users can find them faster.
We improved existing navigation aspects, such as images overlaid with arrows that people can follow to get around, and included ways for train passengers to call for help in stations if they need it.
Accessibility
Accessibility was our primary consideration, as we were designing for elderly and other people with mobility and access needs. We created a UI and UX that works for people with low vision, blindness, hearing impairments, cognitive impairments, motor impairments or situational disabilities. At the same time, we wanted the product to appeal to everyone. We created a user experience, including the language, that also works for their carers and for all train travellers who want to plan ahead and navigate more easily around train stations.
The product has to look simple, clear and accessible, so that all the focus is on the functions, images and navigation. We kept to the brand colours of blue and yellow and used them on a plain, light background, so that nothing detracts from the user experience.
Our typography had to be suitable for different screen sizes and meet accessibility guidelines so we chose Activ Grotesk, as it’s very functional with lots of weights and legible at small sizes across different devices and browsers.
Product positioning
We repositioned the product with new messaging, a reason to believe for potential partners, and a narrative consumers can connect with. This messaging focuses on empowering people with mobility needs to get out, be independent, visit friends and family and enjoy life. It connects with people’s emotions, taking them from where they are – feeling unable to travel on their own, because they don’t know what obstacles or access to expect at train stations – to feeling confident and reassured about travelling.
Funding
Briteway has been partly funded by The Design Age Institute, which brings together designers, businesses, researchers and communities to help address the challenges and opportunities of an ageing society. This project was part of DAI’s Transport & Mobility Pathfinder Innovation Programme, supported by the UK Research and Innovation (UKRI) Healthy Ageing Challenge delivered by Innovate UK, the UK’s national innovation agency.
The outcome
Briteway is now a clearly defined proposition, putting Briteyellow in a strong position to secure partnerships with more train stations around England and Wales. The app is currently in beta, being tested by train travellers in six stations in Wales: Cardiff Central, Cardiff Queen Street, Newport, Pontypridd, Chester and Shrewsbury. As more stations are added, Briteyellow will improve the app based on user feedback, to help thousands more people feel confident about travelling by train.
The challenge
Broadridge is one of the world’s biggest fintech companies, with more than $6bn in revenues, providing technology infrastructure and solutions to some of the world’s leading financial institutions. In 2023, it knew that asset managers were facing a wide and complex range of challenges, from fee pressures to evolving client expectations.
These challenges also present opportunities for asset managers to meet unmet client needs, stand out from competitors and fuel engagement. To capitalise on these opportunities, they need cutting-edge tools with data, to define and measure a firm’s competitive advantages, and strategy, to deploy them effectively. Broadridge decided to build the world’s first custom-generated AI for asset managers.
As an ongoing creative partner, we were asked to design the UI and UX, support with logic and customer journey definition, create a visual approach that could scale, and craft marketing assets including an explainer video.
How it works
DistributionAI has two areas: Insights and Analytics. Insights is trained on ten years of Broadridge’s proprietary research, insight reports and expert thought leadership. Users can explore themes and trends and get thematic answers to questions impacting the global asset management industry.
Analytics, when launched, will provide precision analytics, quantitative answers and forecasts about current and future demand for global asset management products.
The product uses natural language generation techniques to allow users to explore and interrogate Broadridge’s distribution knowledge base.
AI UI and UX
We designed the look and feel of this product to fit with Broadridge’s existing brand guidelines including an ident and avatar that is instantly recognisable as an AI tool.
We had to make the UX simple yet compelling. This had its challenges, such as two separate areas, each using different data sets. Some of the solutions we addressed were clearly signposting the two core functions; question depth of each chat (how much a user can ask in one chat before resetting the query); how they can interrogate its answers; source identification; when to start a new chat; and the presentation of parsed data.
Like publicly available AI, DistributionAI uses natural language generation techniques, but unlike ChatGPT and others it’s trained on specialist asset management research and data that’s not publicly available. Unlike public GPT models, sources are included at the bottom of its responses, so these can be verified to validate response.
We also created an explainer video to introduce DistributionAI to Broadridge’s existing and potential clients. Watch our 30-second version:
The outcome
DistributionAI is an intelligent virtual analyst, using AI to give asset managers fast access to ten years of proprietary research, global market insights and thought leadership, plus unique data and analytics from Broadridge’s market-leading products.
Leadership, strategy, product, marketing and sales teams can now access knowledge and analysis at a speed they couldn’t previously, and respond to industry dynamics with decisions based on evidence. It is empowering them with the intelligence and insights they need to compete in a fast-paced, changing environment.
We’re working on a number of AI projects. If you’d like to discuss yours, contact Phil Reid, our Strategic Director, at phil@studiomade.co
STRAT7 is a global strategic insight and customer analytics group. It helps businesses to understand, predict and act on change, through technology-powered data and insight. In 2019 it had received investment from its founders and private equity investor Horizon Capital, and since then it had made four acquisitions to build on its capabilities and expand its international footprint.
In 2022 the leadership team were ready to take the business out for a new round of funding and acquisition, to grow the group’s talent and skillsets and add to its service offering. They wanted a refined brand identity that would improve its presentation and make them a strong investment proposition – and they needed it quickly.
What we did
Our brief was to provide a choice of possible creative routes. We designed four directions around the concept of Change, and showed how each one could work across the website, presentations and other implementations.
We presented them for review and STRAT7 selected their favourite for final refinement and rollout.
Colour palette
With different consultancies within the STRAT7 umbrella group, colours needed to be consolidated and streamlined, for a more unified approach. We built a new, fresh palette.
Animations
We created textural, illustrative moving backgrounds in the new colours, to reflect the idea of transition and dynamic momentum. These textures are used on the website banners and can work across different platforms and materials, and can be animated or static.
Logo
The STRAT7 logo was refined slightly for digital usage, adjusting the weight to make it more robust and legible at smaller sizes.
Photography
We reviewed the approach to photography and decided to use images of people looking natural and positive. We added a transparent overlay of a brand colour to help images feel consistent.
Outcome
The client wanted to implement the new designs themselves across the website and other materials. We compiled a guidance document that enables them to do this easily, quickly and consistently. Our creative approach works across uses, from social assets and animations to Powerpoint presentations, and can be easily expanded by the STRAT7 team. It’s ready to be rolled out to all the companies in the group so that they all look visually coherent but can retain their own distinct identities.
DP World Cargospeed, the first initiative of its kind, was created through a partnership between DP World and Virgin Hyperloop. The intent is to provide hyperloop-enabled cargo systems that will enable fast, sustainable and efficient delivery of palletised cargo around the world.
A Hyperloop is a proposed high-speed transportation system for both passenger and freight transport. The term was coined by Elon Musk to describe the modern open-source project originally conceived in 1799. Hyperloop designs employ three essential components: tubes, pods, and terminals. The tube is a large sealed, low-pressure system (usually a long tunnel). The pod is a coach pressurised at atmospheric pressure that runs substantially free of air resistance or friction inside this tube, using aerodynamic or magnetic propulsion. The terminal handles pod arrivals and departures.
DP World were the first company to launch a human passenger test of the technology and it generated huge global media attention.
Studiomade motion
Our team, working closely with Edelman, produced a video to highlight the incredible coverage of this historic occasion.
The global demand for energy is at an unwavering high. With rapid changes in the industry, expectations around efficiency have amplified tremendously. Some of the greatest challenges around the energy industry lie in global supply chain management.
DP World are the leading provider of smart logistics solutions, enabling the flow of trade across the globe and so have a large responsibility to ensure sustainable practices. In their pursuit to make trade smarter, faster, safer and more sustainable– they’ve developed highly customised supply solutions for the energy industry, that are more transparent, controllable and cost-efficient.
Studiomade creation
We produced a video to promote their new sustainable enterprises which included their 18,000 tonnes HDVC converter platform, BorWin Gamma Topside, which transmits electricity from connected offshore wind farms in the North Sea to mainland German providing enough renewable energy to supply the electricity consumption of 1 million German homes a year.
We blended a DP World animation style including approachable illustration and real-life photography to support contextual facts as part of the overall narrative. Outputs were used across social and within direct-to-consumer engagement.
How many times have you shouted at a screen with the words ‘I just want to talk to a person’? The online world has many perks but what happens when ‘computer says no’? You’re not alone. 78% of UK consumers say they’ll want to interact with a real person more as technology improves.¹ 69% of UK consumers use the phone for customer service, making it an essential part of an omni-channel approach.²
- PwC, Future of customer experience survey, 2017/18
- Microsoft, State Of Global Customer Service Report, 2017
Phone Names have the solution for you. Simply dial in the phone code (e.g. 0800), then spell the name, product or service you want to reach using the letters on the telephone keypad.
0800 REPAIR
0800 TRAVEL
0800 BENTLEY
We wanted to create a sense of simplicity and clarity in the design work for the Phone Names brand. We developed a streamlined core colour palette with accents to be able to clearly highlight calls to action or key pieces of information for the brand’s audience.
We wanted to use photography within the brand look and feel as we thought this would translate well on social advertising as well as pairing with custom animations that we’d built to reference the phone names. We used quite dark tonal photography showing detailed elements so that we could create an approach that related to the full service luxury experience we wanted brands to create for themselves.
The result is a new digital presence and engagement campaign that is as effective as it is simple. Just like the business.
