International Coach Education

FAW Trust

Graphic Design, Website Design & Build

Following on from the successful client response to the Clwb.Cymru site we were briefed to develop a more accessible, easier to navigate website to host the online elements of the 2022 FAW National Coaches Conference.

This joined up thinking, having both sites built on the same theme meant synergy and harmony between the two, something vital for a brand as big as FAW. Crucially code was shared where it needed to be but also divergence when it was needed, done in a scalable, maintainable way. 

Stage one of the brief was to design and build a landing page where attendees could purchase a ticket to attend at Wales’ leading conference centre, The Celtic Manor Resort.  

As soon as the landing site to purchase tickets was live it was full steam ahead to design, develop and build the main site which would be a one stop shop for the attendees who could access key information via log-in access to the weekends schedule and online elements to support the key speakers.  

A simple but powerful video carousel that was designed to prioritise mobile viewing offered an elegant way to tailor videos that users would see on login. With the addition of an advanced video library with filtering that allows users to seamlessly navigate through a large library of videos from the weekend and also for the future. 

Brand Vision

Intelligent Ultrasound

Animation, Brand Development, Graphic Design, Website & eLearning Platform

Intelligent Ultrasound creates ultrasound products that train clinicians in the classroom, and then supports and guides them in the clinic, with real-time artificial intelligence image analysis software.

høppstudio created a new visual identity drawing on insight sessions with the client and stakeholders. We fleshed out a new typeface, colour palette, and design language to support the existing logo. 

The new e-learning site gives us scale and flexibility to easily build on the number of courses offered. It’s a great tool too to support the product sales process. 

The visual design exercise was closely aligned to first iterations of the website UX and design stages, where we prototyped the typography and colour proposal across many layouts and pages, carefully reviewing the relationship between information, function and brand form.  

A new website and e-learning platform were the first expressions of the new Intelligent Ultrasound brand.  

We had two main goals for the new website; make it much easier for users to find relevant information whether about products and services, or about the company’s financial information and reporting, and to enable the site design to reflect the ambitious aim to unlock the power of ultrasound, for everyone.  

The website was an exciting opportunity to use the latest tech to create an impactful and future-proof site that fed into a broader body of work to elevate the Intelligent Ultrasound brand.  

We have used the new WordPress Gutenberg editor since it was in beta in 2018 so we were able to quickly establish what core functionality of Gutenberg we could use, and where there were gaps, which would mean building additional custom functionality. 

We ended up building over a dozen custom Gutenberg blocks and used the default Gutenberg blocks in unique and innovative ways.  

The custom theme was adopted for the e-learning platform where we used a core lesson build system alongside custom-built academic module and learner management functionality to deliver a scalable, interactive IU Academy site. The system has the capability to manage media rich courses with hundreds of lessons.  

The application deploys a flexible and extendable component library for the client to manage content.  

E-commerce features on both the main brand website and the e-learning platform. 

The website looks fab!

Head of Marketing, Intelligent Ultrasound

Leaders of the Future

FAW Trust

Brand Development, Graphic Design, Illustration

The FAW Trust introduced a new award to sit as part of their Coach Education Pathway. The award was to be aimed at 13-16 year olds and would predominantly be delivered within a school setting.

The brief was to develop a logo, brand identity and suite of materials including session plans and a log book that would engage and encourage these students to learn and develop, igniting a desire to stay involved in sport now and for their future. 

Two creative routes were proposed to the client who presented them to a group of teachers tasked with delivering the course to the students. The logo and branding of the materials landed really well with the feeling they would appeal and interest the students, one route was chosen and with their feedback was refined to produce the final set of materials. 

From approval of this concept we produced 16 student session cards, 3 tutor session cards, and a bi-lingual log book in English and Welsh for students to complete during their practical and theory sessions.  

I think the session cards and booklets look great!

Coach Education Manager, FAW Trust

Grassroots Growth

FAW Trust

Brand Development, Graphic Design, Website Design & Build

Clwb Cymru is a Football Association of Wales Trust programme created to educate and develop key club volunteers and facilitate them to grow their grassroots club within their local Welsh community. 

We created the Clwb Cymru brand and a broad suite of information resources and built a new digital platform to support the clubs. 

Our vision for Clwb Cymru was to create a solution that was scalable, easy to use and extensible, ensuring that ease of use was at the heart of everything we designed and developed.  

The website will grow massively over time, so creating a design that works with minimal and maximal content was very important. We planned this through thorough testing of the UX and UI, internally and externally with stakeholders to identify the strongest route to future-proofing this build.  

The site contains an easy-to-search multilingual resource library with over 130 resources, and growing, for clubs to download in both English and Welsh. A unique ‘pack’ functionality that combines multiple resources into a single zip file with the zip created programmatically on the fly, saves hours of administration time.  

At høppstudio they truly care! The team have taken the time to understand me, my project and the needs of our volunteers who sit at the heart of Clwb Cymru.

Football Development Manager, FAW Trust

Having never worked on this type of project before they have provided some incredible insight and suggestions that I would have never even considered.

Football Development Manager, FAW Trust

The logo was designed to represent the many hands of volunteers within the community, linking together to support one another in making their club the best that it can be within ‘The Welsh Way’ FAW Trust brand vision. The circular graphic of the logo and the volunteer ecosystem formed the basis of the design and navigation for the site.  

From approval of the UX, prototyping commenced, with a serious focus on implementing technologies that provided the user with an easy and informative way to navigate through the site, such as the circular navigation device and carousel, which makes it easy to find information and reinforces the function and form of the logo.  

The whole site is what’s known as a “Single Page App”, meaning when a user navigates to a new page, instead of loading all of the site assets again (css and js), only the content is updated, offering near instant loading, and making the site feel snappier, and easier to navigate and use. Single Page Apps can be difficult to pull off because the sites’ javascript has to be loaded a different way, which is why lots of sites don’t do it. But we felt that the benefits to the user outweighed the technical overhead in doing it. For example, getting the resource library working with the Single Page App effect took a really sharp focus from a solution finding perspective and some creative ways of loading the code when we needed it. 

Female Demographic Character Development

FAW Trust

Brand Development, Graphic Design, Website Design & Build

The Football of Wales Trust looks after numerous areas of the grassroots game, including encouraging more young girls and women to get involved, as players, volunteers, coaches and supporting the running of local clubs. 

At the core of the campaign to engage directly with people not usually involved with the game was the idea to show ‘this game is for people like me’. 

Research-led character profiles inform six individual personalities that included names, ages, the football programme that they would be suitable for, along with outlining their physical appearance and personality traits and clothing.  

We brought Amira, Ffion, Izzy, Polly, Seren and Mia to life through illustration, and the characters used to promote the growth of female participation at grassroots clubs as players and volunteers, or to attend their workshops and programmes.

The illustrations were presented on by a very happy client; forming part of a major presentation showcasing Wales’ work to promote the female game.

Thanks so much for the final versions and for your collaboration on them. I presented to UEFA yesterday and they went down very well for the interactive task we used them for.

Football Development Manager, FAW Trust

Physical Literacy Through Football

FAW Trust

Brand Development, Graphic Design, Illustration, Research

The Footie Families programme needed to appeal to all ages. Young boys, girls, their mums and dads and the coaches who would be delivering the programme.  

It also needed to sit right with the FAW Trust’s brand. But first off, we needed to plan how the academic teachings and market development goals could turn into a fun programme that got toddlers moving.

After setting out the plan we looked at using the brand font and colour ways but took it off path, giving it an energy to suit the young game. The three different sized footballs add a graphical dimension to the identity and represent the different size footballs children use as they grow. 

From approval of the brand identity, we set about the development of characters to bring the programme to life across all comms and promotional items. We knew that these characters needed to be fully inclusive, and the ‘family’ includes characters of mixed gender, race and ability to appeal to all.  

The success of the Footie Families campaign and the way that the FAW Trust have fallen in love with its characters has meant that the programme continues to run successfully, and the characters have been used to promote further programmes and deliver messages to clubs at a grassroots level.

I really love the characters and the more I see them the more I just love them!

Head of Football Development, FAW Trust