I'm a seasoned multidisciplinary designer with over 15 years of experience. I specialise in transforming complex ideas into reality through clean, thoughtful design that delight users and achieve business goals. Throughout my career, I've had the opportunity to work on a diverse range of projects across various industries, including B2B SaaS, publishing, e-commerce, and sports trading.…I'm a seasoned multidisciplinary designer with over 15 years of experience. I specialise in transforming complex ideas into reality through clean, thoughtful design that delight users and achieve business goals. Throughout my career, I've had the opportunity to work on a diverse range of projects across various industries, including B2B SaaS, publishing, e-commerce, and sports trading.WWW…
I'm a seasoned multidisciplinary designer with over 15 years of experience. I specialise in transforming complex ideas into reality through clean, thoughtful design that delight users and achieve business goals. Throughout my career, I've had the opportunity to work on a diverse range of projects across various industries, including B2B SaaS, publishing, e-commerce, and sports trading.…I'm a seasoned multidisciplinary designer with over 15 years of experience. I specialise in transforming complex ideas into reality through clean, thoughtful design that delight users and achieve business goals. Throughout my career, I've had the opportunity to work on a diverse range of projects across various industries, including B2B SaaS, publishing, e-commerce, and sports trading.WWWW…
Available to hire
I’m a seasoned multidisciplinary designer with over 15 years of experience. I specialise in transforming complex ideas into reality through clean, thoughtful design that delight users and achieve business goals.
Throughout my career, I’ve had the opportunity to work on a diverse range of projects across various industries, including B2B SaaS, publishing, e-commerce, and sports trading.
Skills
Experience Level
Expert
Expert
Expert
Expert
Expert
Expert
Expert
Expert
Expert
Expert
Expert
Expert
Expert
Intermediate
Intermediate
Intermediate
Work Experience
Education
Qualifications
Google Certified UX Designer
March 13, 2024 - May 17, 2024Industry Experience
Software & Internet, Computers & Electronics, Professional Services, Retail, Gaming, Financial Services
Zapnito
Founding designer from early-stage startup to series A
Designed from the ground-up. Taking the product from an expert marketplace to a complete enterprise-grade community platform
Zapnito is a platform for creating expert communities, which promote thought leadership and foster collaboration, connecting brands with their customers to build engagement and trust.
I joined Zapnito in 2015 as their founding designer. In that time I oversaw all things design, crafting the product from an expert marketplace to an enterprise community platform.
Problem
While information was everywhere, finding trusted expert knowledge was a headache, often lost in the noise of social media. Brands everywhere were finding that overwhelmed customers were switching off.
Solution
Zapnito was created to help brands connect their customers with their experts. Brands can create communities centred around their areas of expertise, inviting their experts to contribute. Customers can join these communities to interact with the experts, ask questions, and gain a deeper understanding of the topics that interest them. This direct interaction builds trust and engagement, strengthening the relationship between the brand and its customers.
](https://www.twine.net/signin
Outcome
As the founding designer, I was instrumental in taking the product from zero to one. This involved shaping the user interface, defining the user experience, and ensuring that the product was both visually appealing and intuitive to use. I worked closely with engineering, product and customer success teams at every step of the process, from initial discovery to final product.
](https://www.twine.net/signin
Design System
To ensure visual cohesion and meet customer branding requirements, a design system was created. Recognising the need for a flexible yet consistent visual language that could be customised according to each brand's unique identity, I utilised design tokens and a custom theme architecture built in Sass.
Design tokens enabled the definition of core design attributes, such as colours, typography, and spacing, in a way that could be easily adjusted according to the specific branding of each customer. The theme architecture allowed these tokens to be applied systematically across the platform, providing a consistent user experience while maintaining each customer's unique visual identity.
](https://www.twine.net/signin
](https://www.twine.net/signin
](https://www.twine.net/signin
uxdesigner uidesigner productdesigner creativedirector uxresearch wireframing frontenddeveloper html css javascript ruby rails ember figma adobecc…Founding designer from early-stage startup to series A
Designed from the ground-up. Taking the product from an expert marketplace to a complete enterprise-grade community platform
Zapnito is a platform for creating expert communities, which promote thought leadership and foster collaboration, connecting brands with their customers to build engagement and trust.
I joined Zapnito in 2015 as their founding designer. In that time I oversaw all things design, crafting the product from an expert marketplace to an enterprise community platform.
Problem
While information was everywhere, finding trusted expert knowledge was a headache, often lost in the noise of social media. Brands everywhere were finding that overwhelmed customers were switching off.
Solution
Zapnito was created to help brands connect their customers with their experts. Brands can create communities centred around their areas of expertise, inviting their experts to contribute. Customers can join these communities to interact with the experts, ask questions, and gain a deeper understanding of the topics that interest them. This direct interaction builds trust and engagement, strengthening the relationship between the brand and its customers.
](https://www.twine.net/signin
Outcome
As the founding designer, I was instrumental in taking the product from zero to one. This involved shaping the user interface, defining the user experience, and ensuring that the product was both visually appealing and intuitive to use. I worked closely with engineering, product and customer success teams at every step of the process, from initial discovery to final product.
](https://www.twine.net/signin
Design System
To ensure visual cohesion and meet customer branding requirements, a design system was created. Recognising the need for a flexible yet consistent visual language that could be customised according to each brand's unique identity, I utilised design tokens and a custom theme architecture built in Sass.
Design tokens enabled the definition of core design attributes, such as colours, typography, and spacing, in a way that could be easily adjusted according to the specific branding of each customer. The theme architecture allowed these tokens to be applied systematically across the platform, providing a consistent user experience while maintaining each customer's unique visual identity.
](https://www.twine.net/signin
](https://www.twine.net/signin
](https://www.twine.net/signin
uxdesigner uidesigner productdesigner creativedirector uxresearch wireframing frontenddeveloper html css javascript ruby rails ember figma adobeccWW…
Zapnito Website
Reinventing Zapnito's shop window to cap off a bold rebrand
Over the years, I collaborated with Zapnito's commercial teams to constantly iterate the Zapnito marketing site to adapt to an ever-evolving market.
Evolution of zapnito.com](https://www.twine.net/signin
For the most recent iteration, Zapnito went through a bold new rebrand in response to their competitive landscape. This culminated in a complete overhaul of the marketing site.
The new website perfectly reflects Zapnito’s fresh identity and differentiates it from competitors. Incorporating the brand's bold colours and innovative spirit, ensuring a cohesive and engaging user experience that is in perfect alignment with their vision and values.
We meticulously overhauled the website’s information architecture to make the navigation more intuitive, making it easier for visitors to find the information they need and convert those visits into leads.
One of the key features added to the new website was bespoke intro pages. These allow the sales team to create bespoke landing pages tailored to individual prospects with a personalised video presentation. This approach allowed Zapnito to engage prospects more effectively, providing them with content that is directly relevant to their needs and interests.
](https://www.twine.net/signin
](https://www.twine.net/signin…Reinventing Zapnito's shop window to cap off a bold rebrand
Over the years, I collaborated with Zapnito's commercial teams to constantly iterate the Zapnito marketing site to adapt to an ever-evolving market.
Evolution of zapnito.com](https://www.twine.net/signin
For the most recent iteration, Zapnito went through a bold new rebrand in response to their competitive landscape. This culminated in a complete overhaul of the marketing site.
The new website perfectly reflects Zapnito’s fresh identity and differentiates it from competitors. Incorporating the brand's bold colours and innovative spirit, ensuring a cohesive and engaging user experience that is in perfect alignment with their vision and values.
We meticulously overhauled the website’s information architecture to make the navigation more intuitive, making it easier for visitors to find the information they need and convert those visits into leads.
One of the key features added to the new website was bespoke intro pages. These allow the sales team to create bespoke landing pages tailored to individual prospects with a personalised video presentation. This approach allowed Zapnito to engage prospects more effectively, providing them with content that is directly relevant to their needs and interests.
](https://www.twine.net/signin
](https://www.twine.net/signinWW…
Zapnito Rebrand
The community SaaS space has become very crowded in recent years and Zapnito recognised the need to differentiate itself visually to stand out from competitors. Despite offering a distinctive product, Zapnito found its visual identity was beginning to blend in with the others in the industry. Everyone was converging on the same visual style, imagery and even language. To address this, a bold new visual identity was needed while preserving its enterprise look and feel.
I embarked on an exploration of bold visual elements that would set Zapnito apart from the crowd. This involved experimenting with vibrant colour palettes, clear typography, and bold graphic elements to create a distinctive visual language. These options were iteratively narrowed down with key stakeholders
. The results would inform how colour should be used to ensure accessibility.
Colours were tested against various types of colour blindness to ensure they're still distinguishable on their own regardless of the type of colour blindness.
](https://www.twine.net/signin
](https://www.twine.net/signin
Results
What resulted was a bold new rebrand in just 3 months, managed entirely in-house.
Logo
The new logo is a simple representation of connectivity. Each side of the logo connects the pathways from the community-led growth flywheel - Acquisition to Adoption, Adoption to Retention, Retention to Advocacy, Advocacy to Acquisition.
](https://www.twine.net/signin
](https://www.twine.net/signin
](https://www.twine.net/signin
Typography
Instrument Sans was chosen as the heading typeface for its high legibility but with subtle notes of playfulness.
This was paired with Atkinson Hyperlegible. This typeface is specifically designed for legibility at all sizes, focusing on letterform distinction to increase character recognition. Once again, this ties into Zapnito's commitment to accessibility and trust.
](https://www.twine.net/signin
](https://www.twine.net/signin
Colour Palette
Zapnito's primary palette is monochrome supported by four vibrant accents. Each of these colours ties back to each stage of the community-led growth flywheel.
](https://www.twine.net/signin
Brand Guidelines
](https://www.twine.net/signin
branding logo rebrand identity…The community SaaS space has become very crowded in recent years and Zapnito recognised the need to differentiate itself visually to stand out from competitors. Despite offering a distinctive product, Zapnito found its visual identity was beginning to blend in with the others in the industry. Everyone was converging on the same visual style, imagery and even language. To address this, a bold new visual identity was needed while preserving its enterprise look and feel.
I embarked on an exploration of bold visual elements that would set Zapnito apart from the crowd. This involved experimenting with vibrant colour palettes, clear typography, and bold graphic elements to create a distinctive visual language. These options were iteratively narrowed down with key stakeholders
. The results would inform how colour should be used to ensure accessibility.
Colours were tested against various types of colour blindness to ensure they're still distinguishable on their own regardless of the type of colour blindness.
](https://www.twine.net/signin
](https://www.twine.net/signin
Results
What resulted was a bold new rebrand in just 3 months, managed entirely in-house.
Logo
The new logo is a simple representation of connectivity. Each side of the logo connects the pathways from the community-led growth flywheel - Acquisition to Adoption, Adoption to Retention, Retention to Advocacy, Advocacy to Acquisition.
](https://www.twine.net/signin
](https://www.twine.net/signin
](https://www.twine.net/signin
Typography
Instrument Sans was chosen as the heading typeface for its high legibility but with subtle notes of playfulness.
This was paired with Atkinson Hyperlegible. This typeface is specifically designed for legibility at all sizes, focusing on letterform distinction to increase character recognition. Once again, this ties into Zapnito's commitment to accessibility and trust.
](https://www.twine.net/signin
](https://www.twine.net/signin
Colour Palette
Zapnito's primary palette is monochrome supported by four vibrant accents. Each of these colours ties back to each stage of the community-led growth flywheel.
](https://www.twine.net/signin
Brand Guidelines
](https://www.twine.net/signin
branding logo rebrand identityWW…
Global Grants for Gut Health
The Global Grants for Gut Health was a joint venture between Nature and Yakult inviting proposals for research projects that explore the human gut microbiome.
This initiative aimed to encourage scientists worldwide to participate in the competition for these grants in order to fund their research projects. Not only did this offer financial support, but it also provided an opportunity for entrants to become part of the broader microbiome research community, fostering collaboration and knowledge exchange.
. This involved understanding the information applicants needed to apply for the grant and organising it in a clear intuitive way.
Next, I mapped out the user journey from the website to application to community. Once the user applies for a grant, this would then trigger an invitation to join the community. The process would be automated to reduce user input.
The website's visual style was a fusion of both Yakult and Nature Awards, carefully incorporating elements from both brands. The colour palette blended Yakult's vibrant red with Nature's more subdued tones.
](https://www.twine.net/signin
](https://www.twine.net/signin…The Global Grants for Gut Health was a joint venture between Nature and Yakult inviting proposals for research projects that explore the human gut microbiome.
This initiative aimed to encourage scientists worldwide to participate in the competition for these grants in order to fund their research projects. Not only did this offer financial support, but it also provided an opportunity for entrants to become part of the broader microbiome research community, fostering collaboration and knowledge exchange.
. This involved understanding the information applicants needed to apply for the grant and organising it in a clear intuitive way.
Next, I mapped out the user journey from the website to application to community. Once the user applies for a grant, this would then trigger an invitation to join the community. The process would be automated to reduce user input.
The website's visual style was a fusion of both Yakult and Nature Awards, carefully incorporating elements from both brands. The colour palette blended Yakult's vibrant red with Nature's more subdued tones.
](https://www.twine.net/signin
](https://www.twine.net/signinWW…
London Marathon Bib Maker
Problem
This year, I took part in the London Marathon in aid of the Marsden Cancer Charity. During this time, I joined several London marathon Facebook groups.
In the week leading to the race, London Marathon send all runners their race number and their starting pen (blue, red, green, and yellow - indicated on their bibs). An interesting trend that I noticed was that many members were trying to use their newly discovered race numbers to create profile pictures. Many creating their own using tools like Paint, with mixed results.
Solution
I had the idea to create a quick app to enable runners to create their own. Ultimately, I intended to use this tool as a means to raise a little extra money for the Marsden, while helping out my fellow runners.
In a few hours, I built a simple Next.js application where users could enter their race number, choose their starting line, and optionally include their name. The application then generates a profile picture of their race bib, which they can use for their social media profiles. Once the bib was created the user would be asked to consider a small donation. Thankfully, many accepted.
](https://www.twine.net/signin
Outcome
The bib generator was well-received by fellow participants. It was exciting to see these profile pictures popping up all over Facebook and Strava. On top of that, it also raised an extra £200 for the Marsden in just 3 days, taking me beyond my fundraising goal.
](https://www.twine.net/signin…Problem
This year, I took part in the London Marathon in aid of the Marsden Cancer Charity. During this time, I joined several London marathon Facebook groups.
In the week leading to the race, London Marathon send all runners their race number and their starting pen (blue, red, green, and yellow - indicated on their bibs). An interesting trend that I noticed was that many members were trying to use their newly discovered race numbers to create profile pictures. Many creating their own using tools like Paint, with mixed results.
Solution
I had the idea to create a quick app to enable runners to create their own. Ultimately, I intended to use this tool as a means to raise a little extra money for the Marsden, while helping out my fellow runners.
In a few hours, I built a simple Next.js application where users could enter their race number, choose their starting line, and optionally include their name. The application then generates a profile picture of their race bib, which they can use for their social media profiles. Once the bib was created the user would be asked to consider a small donation. Thankfully, many accepted.
](https://www.twine.net/signin
Outcome
The bib generator was well-received by fellow participants. It was exciting to see these profile pictures popping up all over Facebook and Strava. On top of that, it also raised an extra £200 for the Marsden in just 3 days, taking me beyond my fundraising goal.
](https://www.twine.net/signinWW…
PWDb
A community tool to help players find DOOM mods
PWADs (Patch WADs - commonly referred to as WADs - meaning "Where's All the Data?") are package files for the video game DOOM, released in 1993 by id Software. These files contain all the game data such as maps, graphics, sound effects, and music.
This enabled DOOM to become one of the first games to support user-created content, and the DOOM community remains incredibly active, continuing to produce new content even 30 years after the game's original release.
Problem
The WAD archive, which was once a comprehensive source for classic and contemporary DOOM WADs, has unfortunately shut down. This has created a significant problem, as there is no longer a single place where players can find and share new DOOM WADs.
The idgames database hasn't changed since the 90s, so it offers a very archaic and difficult user experience. WAD releases are announced on a number of community sites such as Doomworld, ZDoom, DBP, Fandom and Doomwiki etc.
While the WAD archive has already solved this, it was managed by one individual who no longer had the time to maintain and update the repository, leading to its shutdown. A community-led alternative is needed.
is a community-curated tool for finding new DOOM WADs. PWDb provides a familiar, Netflix-like user experience, allowing players to easily browse and explore curated collections of WADs, based on different genres or map types. This makes the process of finding new WADs much less challenging than on other platforms.
Additionally, PWDb is not reliant on a single individual for updates and maintenance, as WADs can be submitted and curated by community members.
PWDb is built using Next.js for the front-end with Strapi as a headless CMS. A key goals for this project was to use it as an opportunity to learn more about Next and the concept of a headless CMS. The lessons learned from building PWDb would be used to re-platform Zapnito's website.…A community tool to help players find DOOM mods
PWADs (Patch WADs - commonly referred to as WADs - meaning "Where's All the Data?") are package files for the video game DOOM, released in 1993 by id Software. These files contain all the game data such as maps, graphics, sound effects, and music.
This enabled DOOM to become one of the first games to support user-created content, and the DOOM community remains incredibly active, continuing to produce new content even 30 years after the game's original release.
Problem
The WAD archive, which was once a comprehensive source for classic and contemporary DOOM WADs, has unfortunately shut down. This has created a significant problem, as there is no longer a single place where players can find and share new DOOM WADs.
The idgames database hasn't changed since the 90s, so it offers a very archaic and difficult user experience. WAD releases are announced on a number of community sites such as Doomworld, ZDoom, DBP, Fandom and Doomwiki etc.
While the WAD archive has already solved this, it was managed by one individual who no longer had the time to maintain and update the repository, leading to its shutdown. A community-led alternative is needed.
is a community-curated tool for finding new DOOM WADs. PWDb provides a familiar, Netflix-like user experience, allowing players to easily browse and explore curated collections of WADs, based on different genres or map types. This makes the process of finding new WADs much less challenging than on other platforms.
Additionally, PWDb is not reliant on a single individual for updates and maintenance, as WADs can be submitted and curated by community members.
PWDb is built using Next.js for the front-end with Strapi as a headless CMS. A key goals for this project was to use it as an opportunity to learn more about Next and the concept of a headless CMS. The lessons learned from building PWDb would be used to re-platform Zapnito's website.WW…
Hire a Product Designer
We have the best product designer experts on Twine. Hire a product designer in Sevenoaks today.