Available for freelance
Hi! I'm
Joe
a
Digital Designer
from
Cardiff
turning your ideas into pixel-perfect realities
(2018– PRESENT)
I’m dedicated to crafting websites that bring your ideas to life, combining design and development to deliver fast, impactful results.


8+ /
years of experience
>100% /
client retention rate
18 /
satisfied clients
14 /
projects finished
8+ /
years of experience
>100% /
client retention rate
18 /
satisfied clients
14 /
projects finished
{
Web Design & Development
}
Cotts Equine Website Redesign
UI/UX Design, Web Development, CMS Integration, Content Structuring



{
Web Design and Development
}
BVLGBT+ Website Redesign
UI/UX Design, Web Development, Membership Integration, CMS, Accessible design



{02} — Tools & Skills
My creative toolbox
{02} — Tools & Skills
My creative toolbox
{02} — Tools & Skills
My creative toolbox

Wix Studio
End-to-end website builder made for freelancers like me to make easy to manage sites for people you - epansive and all feature rich
100
%

Wix Studio
End-to-end website builder made for freelancers like me to make easy to manage sites for people you - epansive and all feature rich
100
%

Wix Studio
End-to-end website builder made for freelancers like me to make easy to manage sites for people you - epansive and all feature rich
100
%

Squarespace
All-in-one user-friendly builder - Sqaurespace sites are usually based off templates, quick to launch and easy to update
100
%

Squarespace
All-in-one user-friendly builder - Sqaurespace sites are usually based off templates, quick to launch and easy to update
100
%

Squarespace
All-in-one user-friendly builder - Sqaurespace sites are usually based off templates, quick to launch and easy to update
100
%

Wix (Designer)
End-to-end and easy to use .... but Wix Studio is better
100
%

Wix (Designer)
End-to-end and easy to use .... but Wix Studio is better
100
%

Wix (Designer)
End-to-end and easy to use .... but Wix Studio is better
100
%
Framer
A no-code website builder - great for custom design landing pages and smaller sites
70
%
Framer
A no-code website builder - great for custom design landing pages and smaller sites
70
%
Framer
A no-code website builder - great for custom design landing pages and smaller sites
70
%

Adobe Suite
Global standard for creative software across for digital and print applications
90
%

Adobe Suite
Global standard for creative software across for digital and print applications
90
%

Adobe Suite
Global standard for creative software across for digital and print applications
90
%

Canva
A free-to-use online graphic design tool - I can work in with Canva, making the work i do for you, easy to use.
100
%

Canva
A free-to-use online graphic design tool - I can work in with Canva, making the work i do for you, easy to use.
100
%

Canva
A free-to-use online graphic design tool - I can work in with Canva, making the work i do for you, easy to use.
100
%
Stores and E-commerce
Corporate and Business
Landing pages
Start Ups
Restaurants
Stores and E-commerce
Corporate and Business
Landing pages
Start Ups
Restaurants
{03} — Process
How it works
Discovery
/
01
We’ll dive deep into your personal goals and long-term vision
Initial Consultation:
Understand the client’s vision, goals, and target audience.
Research:
Analyse competitors and industry trends to gather insights.
Define Scope:
Set the project’s objectives, deliverables, and timelines.
/3-5 days/
Discovery
/
01
We’ll dive deep into your personal goals and long-term vision
Initial Consultation:
Understand the client’s vision, goals, and target audience.
Research:
Analyse competitors and industry trends to gather insights.
Define Scope:
Set the project’s objectives, deliverables, and timelines.
/3-5days/
Discovery
/
01
We’ll dive deep into your personal goals and long-term vision
Initial Consultation:
Understand the client’s vision, goals, and target audience.
Research:
Analyse competitors and industry trends to gather insights.
Define Scope:
Set the project’s objectives, deliverables, and timelines.
/3-5 days/
Design
/
02
I'll create mockups that bring your brand to life
Wireframing:
Create low-fidelity wireframes to map out the site’s structure.
Style Guide Creation:
Develop a design language including colors, fonts, and UI elements.
Prototype Development:
Collaborativly develop mockups of key components.
Finalise Design:
Approve the final design with detailed mockups for all pages.
/1-2 weeks/
Design
/
02
I'll create mockups that bring your brand to life
Wireframing:
Create low-fidelity wireframes to map out the site’s structure.
Style Guide Creation:
Develop a design language including colors, fonts, and UI elements.
Prototype Development:
Collaborativly develop mockups of key components.
Finalise Design:
Approve the final design with detailed mockups for all pages.
/1-2 weeks/
Design
/
02
I'll create mockups that bring your brand to life
Wireframing:
Create low-fidelity wireframes to map out the site’s structure.
Style Guide Creation:
Develop a design language including colors, fonts, and UI elements.
Prototype Development:
Collaborativly develop mockups of key components.
Finalise Design:
Approve the final design with detailed mockups for all pages.
/1-2 weeks/
Build
/
03
Using no-code tools, I'll construct your site
Page Construction:
Build out the website structure using selected tools.
Content Integration:
Import and format content (text, images, videos).
Basic SEO Setup:
Optimize on-page elements for search engines.
/1-4 weeks/
Build
/
03
Using no-code tools, I'll construct your site
Page Construction:
Build out the website structure using selected tools.
Content Integration:
Import and format content (text, images, videos).
Basic SEO Setup:
Optimize on-page elements for search engines.
/1-4 weeks/
Build
/
03
Using no-code tools, I'll construct your site
Page Construction:
Build out the website structure using selected tools.
Content Integration:
Import and format content (text, images, videos).
Basic SEO Setup:
Optimize on-page elements for search engines.
/1-4 weeks/
Launch
/
04
Your site goes live, ready to make an impact
Client Review:
Present the site to the client for feedback.
Revisions:
Make necessary changes based on client feedback.
/2-7 days/
Launch
/
04
Your site goes live, ready to make an impact
Client Review:
Present the site to the client for feedback.
Revisions:
Make necessary changes based on client feedback.
/2-7 days/
Launch
/
04
Your site goes live, ready to make an impact
Client Review:
Present the site to the client for feedback.
Revisions:
Make necessary changes based on client feedback.
/2-7 days/
100.
Percent
customer satisfaction
100.
Percent
customer satisfaction
100.
Percent
customer satisfaction
10+
Years of experience
in written and visual communications
10+
Years of experience
in written and visual communications
10+
Years of experience
in written and visual communications
22+
Projects
completed
22+
Projects
completed
22+
Projects
completed
{04} — Testimonials
Don’t take my
word for it
* Take theirs
5
/ 5
Joe was brilliant from start to finish – he made our ideas come to life and built a site that really shows off what we do. The ongoing support has been invaluable.
Evie Fowke - Cotts Equine
5.0
/ 5
Joe took our existing Squarespace site and transformed it into something much more dynamic and refined. The branding development has proven so useful in establishing who we are visually.
Dani Phillips - The Gaff
5.0
/ 5
Ceffoo created a clean, modern site that feels true to our community space and is incredibly easy for us to update.
Anna Swindel- The Great Hall
5.0
/ 5
Joe helped us bring our new brand to life online with a clean, professional site – all turned around quickly and smoothly.
Leon Ward - Bloomin' Good
5.0
/ 5
The new site is stylish, easy to navigate and works perfectly across mobile and desktop. Couldn’t be happier
Tobias Hunter
5
/ 5
Joe was brilliant from start to finish – he made our ideas come to life and built a site that really shows off what we do. The ongoing support has been invaluable.
Evie Fowke - Cotts Equine
5.0
/ 5
Joe took our existing Squarespace site and transformed it into something much more dynamic and refined. The branding development has proven so useful in establishing who we are visually.
Dani Phillips - The Gaff
5.0
/ 5
Ceffoo created a clean, modern site that feels true to our community space and is incredibly easy for us to update.
Anna Swindel- The Great Hall
5.0
/ 5
Joe helped us bring our new brand to life online with a clean, professional site – all turned around quickly and smoothly.
Leon Ward - Bloomin' Good
5.0
/ 5
The new site is stylish, easy to navigate and works perfectly across mobile and desktop. Couldn’t be happier
Tobias Hunter
5
/ 5
Joe was brilliant from start to finish – he made our ideas come to life and built a site that really shows off what we do. The ongoing support has been invaluable.
Evie Fowke - Cotts Equine
5.0
/ 5
Joe took our existing Squarespace site and transformed it into something much more dynamic and refined. The branding development has proven so useful in establishing who we are visually.
Dani Phillips - The Gaff
5.0
/ 5
Ceffoo created a clean, modern site that feels true to our community space and is incredibly easy for us to update.
Anna Swindel- The Great Hall
5.0
/ 5
Joe helped us bring our new brand to life online with a clean, professional site – all turned around quickly and smoothly.
Leon Ward - Bloomin' Good
5.0
/ 5
The new site is stylish, easy to navigate and works perfectly across mobile and desktop. Couldn’t be happier
Tobias Hunter
{05} — FAQ
Got Questions?
Got Questions?
01/
What is your typical project timeline?
The timeline for a project typically ranges from 4 to 8 weeks, depending on the scope and complexity. After an initial consultation, I’ll provide a detailed timeline with key milestones so you know what to expect at each stage.
02/
Do you offer ongoing maintenance and support?
Yes, I recommend ongoing maintenance and support packages to ensure your website stays updated and runs smoothly. This includes updates, bug fixes, and any necessary changes as your business grows.
03/
Can you work with existing brand guidelines?
Absolutely! I’m experienced in working with existing brand guidelines to ensure your website aligns with your identity. If you don’t have branding yet - or just have a logo - I can help create or build out your brand for use across all platforms and communications.
04/
How do you handle revisions and feedback?
Revisions and feedback are a crucial part of the process. i like to keep things streamlined. I typically offer a set number of revision rounds to refine the design based on your input. I ensure clear communication throughout, so your vision is brought to life effectively.
05/
How do I get started?
Just reach out! We’ll discuss your needs, create a plan, and get to work on your website.
06/
.... Why Ceffoo?
Pronounced: SEF-oo The name Ceffoo comes from my favourite colour: #c3ff00 - the bold, punchy lime-green shade you see featured on this site. It’s a colour that’s unapologetically vibrant, a little divisive, and impossible to ignore - a bit like me and my work. In digital design, colours are often defined using hex codes (short for hexadecimal), which are standard across the industry for representing millions of colours on screen. Ceffoo is my playful take on the hex code #c3ff00 — a nod to creativity, colour theory, and standing out.
01/
What is your typical project timeline?
The timeline for a project typically ranges from 4 to 8 weeks, depending on the scope and complexity. After an initial consultation, I’ll provide a detailed timeline with key milestones so you know what to expect at each stage.
02/
Do you offer ongoing maintenance and support?
Yes, I recommend ongoing maintenance and support packages to ensure your website stays updated and runs smoothly. This includes updates, bug fixes, and any necessary changes as your business grows.
03/
Can you work with existing brand guidelines?
Absolutely! I’m experienced in working with existing brand guidelines to ensure your website aligns with your identity. If you don’t have branding yet - or just have a logo - I can help create or build out your brand for use across all platforms and communications.
04/
How do you handle revisions and feedback?
Revisions and feedback are a crucial part of the process. i like to keep things streamlined. I typically offer a set number of revision rounds to refine the design based on your input. I ensure clear communication throughout, so your vision is brought to life effectively.
05/
How do I get started?
Just reach out! We’ll discuss your needs, create a plan, and get to work on your website.
06/
.... Why Ceffoo?
Pronounced: SEF-oo The name Ceffoo comes from my favourite colour: #c3ff00 - the bold, punchy lime-green shade you see featured on this site. It’s a colour that’s unapologetically vibrant, a little divisive, and impossible to ignore - a bit like me and my work. In digital design, colours are often defined using hex codes (short for hexadecimal), which are standard across the industry for representing millions of colours on screen. Ceffoo is my playful take on the hex code #c3ff00 — a nod to creativity, colour theory, and standing out.
01/
What is your typical project timeline?
The timeline for a project typically ranges from 4 to 8 weeks, depending on the scope and complexity. After an initial consultation, I’ll provide a detailed timeline with key milestones so you know what to expect at each stage.
02/
Do you offer ongoing maintenance and support?
Yes, I recommend ongoing maintenance and support packages to ensure your website stays updated and runs smoothly. This includes updates, bug fixes, and any necessary changes as your business grows.
03/
Can you work with existing brand guidelines?
Absolutely! I’m experienced in working with existing brand guidelines to ensure your website aligns with your identity. If you don’t have branding yet - or just have a logo - I can help create or build out your brand for use across all platforms and communications.
04/
How do you handle revisions and feedback?
Revisions and feedback are a crucial part of the process. i like to keep things streamlined. I typically offer a set number of revision rounds to refine the design based on your input. I ensure clear communication throughout, so your vision is brought to life effectively.
05/
How do I get started?
Just reach out! We’ll discuss your needs, create a plan, and get to work on your website.
06/
.... Why Ceffoo?
Pronounced: SEF-oo The name Ceffoo comes from my favourite colour: #c3ff00 - the bold, punchy lime-green shade you see featured on this site. It’s a colour that’s unapologetically vibrant, a little divisive, and impossible to ignore - a bit like me and my work. In digital design, colours are often defined using hex codes (short for hexadecimal), which are standard across the industry for representing millions of colours on screen. Ceffoo is my playful take on the hex code #c3ff00 — a nod to creativity, colour theory, and standing out.