Chaletbau Matti Website

UX, UI, DESIGN SYSTEM  & ANIMATION

Chaletbau Matti is a bespoke chalet builder in the Swiss Alps. They offer an incredible bespoke and high end service. The whole building is hand crafted to your specific requirements. I was briefed by Saentys to bring this offering to life through a very indulgent and beautiful website with a heavy focus on beautiful UI and animation

UX UI

I worked on refining the wireframes and leading the UI and motion design.  This involved mapping the content, wire-framing and designing the site. As well as specifying motion and animation and a full developer specification document to aid hand over. I also created a style guide and custom design system to ensure consistency and scalability. The website has since won a web excellence award as well as receiving an honourable mention from AWWWARDS.

DESIGN SYSTEM
I created a simple design system and style guide to ensure consistency across the site and to make adding additional content as simple as possible in the future. This aided developer handover hugely and was delivered along side a very thorough animation guide.

Previous Project

The Future Works Website

UX, UI, DESIGN SYSTEM  & ANIMATION

While working with the team at Saentys I was briefed to wireframe and design the Future Works website a new office development taking advantage of the newly opened Crossrail station right outside!

This project involved working out the Information architecture, mapping the content, wire-framing the key flows as well as UI, specifying animation and a full developer specification document to further aid hand over. I also created a style guide and custom design system to ensure consistency and scalability.

UX UI
A key part of this project was the visual really focusing on making the UI bright bold and fun! We did this while keeping in mind usability and keeping the UX as simple as possible with clear and prominent navigation which gives access to all pages of the site.

DESIGN SYSTEM
I created a simple design system and style guide to ensure consistency across the site and to make adding additional content as simple as possible in the future. This aided developer handover hugely and was delivered along side a very thorough animation guide.

Next Project

Previous Project

PI59 Website

While working with the team at Saentys i was briefed to wireframe and design the PI59 website. I also visualised the motion of the homepage as it had a unique scrolling animation.

I had to prepare the files for developer handover, this included creating a style guide and custom design system to ensure consistency and scaleability.

 

Next Project

Previous Project

Arsenal competition web app

PRODUCT DESIGN, UX, UI

We were approached by Arsenal and Citroën brief to promote the partnership between Arsenal and Citroën to Arsenal fans. Our idea was to create a predictor web app where users compete  for the most correct predictions. With Citroën putting up a car as the main prize. The key to this game was to keep people coming back each week to predict Arsenals result.

Arsenal competition landing pageArsenal competition game

UX UI

The key element to this app was to keep users coming back and sharing with friends to help spread the word. We achieved this by rewarding social sharing and integrating with Facebook to show your facebook friend list as a leaderboard to encourage health competition!

The game was incredibly well received amongst fans and we grew the app to around 10,000 active users in the first season. CitroÈn and Arsenal weíre so happy with the results they continued running this competition for the next two seasons!

Arsenal competition game

DEVELOPER HAND OVER
I had to work closely with the developers to deliver this product. We created a style guide and full documented handover files to help make the transition as simple and seamless as possible.

Next Project

Previous Project

Glenny Databook web app

PRODUCT DESIGN, UX, UI

Glenny are a market leader in the real estate sector and the only company that conducts a large scale annual market analysis across all their sectors which they publish and share across the industry.

While working at J2 I was asked to develop a digital product for Glenny’s to package their databook into a updatable app to allow them to push updates more regularly and make it easier for their users to share specific insights.

ON-BOARDING
A key flow for this product was the on-boarding process we tested multiple flows and kept the navigation really simple. We wanted to focus the users at this stage to allow tailored data to be delivered to the user. All users were greeted with a market commentary overview from Glenny on successful completion of the on-boarding flow.

UX UI DESIGN
The key to this product was breaking down and categorising the information architecture in a way that allowed users to quickly filter down through the masses of data and find exactly what they need. This app is very data heavy so data visualisation was really important. We created multiple chart and table components to allow Glenny to quickly pull together complex information and display it to their users.

Next Project

Previous Project

Voca brand & app

Creating a brand and designing an app for a transportation service targeting rural areas in the UK involved more than just visual appeal—it required a deep understanding of user needs and technological integration to ensure seamless functionality and accessibility.

Our app design centered on rural user needs, prioritizing intuitive navigation and a user-friendly interface. We aimed for simplicity without sacrificing functionality, ensuring easy access to transportation services for small village users. Visual elements were meticulously crafted, leveraging customized icons and colors that conveyed reliability and approachability. Functionality was paramount, with a robust design capable of operating in areas with weak network connectivity. Tailored features specifically addressed the challenges of remote locations, emphasizing convenience and accessibility. Continuous refinement through testing and user feedback resulted in an app that seamlessly connected rural communities with reliable transportation services.

In crafting the brand, our focus was on creating a standout identity within the transportation sector. The brand exuded reliability and approachability through a clean and distinct visual identity. Customized colors, icons, and typography were carefully chosen to resonate with users and ensure immediate recognition amidst competitors. The brand’s persona reflected friendliness and dependability, aligning perfectly with the app’s functionality. This cohesive branding effort not only enhanced recognition but also established a sense of trust, making the transportation service a recognizable and reassuring choice for users in rural areas.

Next Project

Previous Project

TERMINI Brand

The opportunity to pitch for Termini’s brand and campaign creation for their new flagship office building in Sandyford, Dublin was a momentous invitation. At the heart of this venture was the focal point of emphasizing the site’s connectivity to the city, a critical selling feature tailored to attract the attention of the vast tech companies based in Dublin. The objective was clear: crafting a brand that not only stood out but resonated profoundly with this audience.




Understanding the landscape, we recognised that a substantial element in reaching and engaging these tech giants lay within the digital realm. The brand and campaign needed to harness the power of digital offerings in advertising and website presence. This entailed crafting a narrative that highlighted not only the physical connections to the city but also the digital infrastructure and capabilities that would cater to the tech-savvy audience.

Termini_Brochure_Cover
Termini_Brochure_Spread1
Termini_Brochure_Spread2
Termini_Brochure_Spread3
Termini_Brochure_Spread4

Our pitch aimed to encapsulate this essence—melding the physical proximity of Termini to Dublin’s bustling tech hub with an innovative, digitally savvy brand identity. We envisaged a campaign that seamlessly integrated both worlds, portraying Termini not just as a physical space but as a digital ecosystem primed for the needs of modern tech enterprises.

In essence, our strategy revolved around creating a brand narrative that bridged the physical and digital landscapes, amplifying Termini’s appeal to the tech-centric audience and positioning it as the epitome of connectivity, both in the physical and virtual realms.

Termini_Website

Next Project

Previous Project

111 Buckingham palace road

When tasked with pitching a campaign to promote the availability of the 4th floor at 111BPR, catering specifically to tech and media companies, our approach was centered on crafting a narrative that resonated with this discerning audience. Recognizing the need for a campaign that not only stood out but also encapsulated the essence of the space, we conceptualized the 4th floor as bold and confident.

To translate this vision into a compelling campaign, we devised a strategy that echoed the boldness of the floor’s potential. Every aspect of the campaign, from visuals to messaging, was meticulously curated to exude confidence and vibrancy. The visuals were designed to be striking and modern, capturing attention and evoking a sense of innovation. The messaging was crafted to convey a sense of assurance and opportunity, positioning the 4th floor as the ideal space for forward-thinking tech and media companies.

The campaign aimed to communicate the unique qualities of the 4th floor—its spaciousness, adaptability, and modern amenities—tailored specifically to meet the needs of companies in these industries. By aligning the campaign’s tone, visuals, and messaging with the bold and confident character of the floor, we sought to create an impactful narrative that would resonate deeply with the target audience, inviting them to envision themselves thriving in this dynamic space.

Next Project

Previous Project

Satellite Brand

After Six months at Satellite, the directors entrusted me with a monumental task—to spearhead the rebranding of Satellite Creative. The challenge was multifaceted as it coincided with a studio refurbishment and a celebratory event marking Satellite’s remarkable 21 years in business. A pivotal aspect of this rebranding effort revolved around revamping the company’s digital presence, especially through its website.

satellite stationery satellite stamp satellite launch email

For the Satellite Creative rebranding project, the brand guidelines became a compass navigating the transformation. These guidelines meticulously detailed the refreshed brand identity, encapsulating the essence of Satellite’s evolution over 21 years. They outlined the updated logo usage, defining its variations, clear spacing, and minimum sizes for optimal visibility across digital and print mediums. The guidelines delved into the color palette, introducing a vibrant yet sophisticated spectrum reflecting Satellite’s innovative spirit. They specified typography choices for consistency in communication and outlined image guidelines, emphasizing the style and tone for visuals that resonated with Satellite’s brand persona. Additionally, these guidelines incorporated a distinct voice, defining the brand’s tone for messaging across various platforms. This comprehensive manual served as a foundation for maintaining consistency, ensuring that every element reflected the revitalized Satellite Creative identity across the website, marketing collateral, and beyond.

satellite guideline document 1 satellite guideline document 2 satellite guideline document 4 satellite guideline document 3 satellite guideline document 5 satellite guideline document 6

Recognising the pivotal role of a website in today’s business landscape, we approached the rebranding with a digital-first mindset. The website served as the cornerstone of Satellite Creative’s online identity. It needed to encapsulate not only the refreshed brand essence but also narrate the journey of 21 years of excellence in the creative industry.

Our strategy entailed crafting a website that seamlessly wove together the new brand identity with a user-centric digital experience. We meticulously designed the website to reflect the refreshed Satellite Creative persona while ensuring intuitive navigation, compelling visuals, and engaging content. It became a digital canvas to showcase the evolution of Satellite’s creativity and expertise over two decades.

Next Project

Previous Project

Go move brand

When invited to pitch for the naming and rebranding of England Athletics’ under 11s athletics program, our focus was on crafting an identity that not only resonated with the young athletes but also reflected the essence of the program’s aspirations and values. Winning the pitch meant a commitment to breathing life into this brand and shaping it into a vibrant, engaging entity.

go move logo go move merchandise go move tshirt go move posters

Our approach involved diving deep into understanding the program’s objectives, audience demographics, and the essence of athletics for young participants. The goal was to create a brand that not only encapsulated the energy and enthusiasm of the athletes but also fostered a sense of inclusivity and encouragement.

With a strategic blend of creativity and purpose, we embarked on a journey to name and conceptualise a brand that would not only stand out but also inspire and motivate young athletes. The brand development process focused on visual elements, messaging, and storytelling that resonated with the aspirations and spirit of under 11s participating in athletics.

go move website go move portal

As the project evolves, our team is dedicated to bringing this brand to life—infusing it with energy, optimism, and a sense of camaraderie. Through collaborative efforts with England Athletics, we aim to create an identity that not only represents the program but also becomes a source of pride and inspiration for young athletes embarking on their athletic journeys.

Next Project

Previous Project