Show recent photo
Challenge
This project was initially designed and prototyped by me, but due to production delays it was never built. Two years later, I was asked to not only revisit the design but also fully develop the website and integrate e-commerce in a limited time-span. This gave me the opportunity to apply my newly acquired front-end skills, and improve upon my original design.
Acheivements
Boosted conversions by 200% and 50% student sign ups in the first month
Created a streamlined checkout to reduce cart abandonment
Used HTML, CSS and JavaScript to create responsive components
Tools
Figma, Wordpress, Google Search Console, Elementor, Google Ads, Jira
Case study coming soon!
Challenge
I was tasked with creating a new website for a legal recruitment firm that combined a marketing site with a job board for their exclusive roles. The challenge was to build trust and make the brand memorable while keeping client names and success stories anonymous due to industry standards.
Acheivements
Boosted website traffic 300% and conversions 200%
Job board increased conversions by 90%
92% accessibility score and 94% performance score on mobile (100% on desktop)
Tools
Figma, Framer, Google Search Console, Google Analytics
Challenge
I was tasked with creating a modern marketing website for an English language academy facing new, digitally savvy competitors. The academy served a diverse range of students, so part of the project involved recreating the onboarding experience with a new level placement test.
Acheivements
Raised course page findability to 100%
Led end-to-end redesign: from research to delivering an interactive high-fidelity prototype
Onboarding placement test received an 86.5 System Usability Score (SUS)
Tools
Figma, Google Search Console, Google Analytics, WordPress
I created a design system to ensure consistency across the website and onboarding process. It also sped up the design workflow, aligned goals with the developer, and gave me valuable hands-on learning experience.
Challenge
I was tasked with designing a green logistics platform prototype for an early-stage startup seeking seed capital. We had four weeks to help shape and deliver a functional, usable interface that could demonstrate the product’s potential to investors.
Acheivements
Conducted usability tests with 5 experts
Crafted a data entry flow that balanced variability and clarity
Adapted to product pivots and tight deadlines to deliver the prototype
Tools
Figma, Jira
History is my first love, you’ll always find me listening to podcasts.
I grew up about an hour’s drive from Stonehenge.
“Joe’s a great son who you should definitely work with!”
Gill Watson
my Mum
Links
JavaScript
CSS
HTML
CSS utility classes, keyframe animations, CSS pseudo-classes, Array methods, while loops
This website converts numbers into their Roman numeral equivalents. The style was inspired by SASS websites with animated mesh gradients, and dynamic light effects using ::before and ::after pseudo classes. This was a project for the FreeCodeCamp JavaScript course.
Fetch API, promises, JSON object, Async/Await, try..catch statement
This website fetches data from an external API to return statistics about a requested Pokémon. For this project, I learned about asynchronous programming and the style is based on Material Design 3. This was a project for the FreeCodeCamp JavaScript course.
Dark mode, Fluid type scale, Array methods, CSS pseudo-classes
This website checks if an entered word or phrase is a palindrome. the interface and aims to teach the user about the concept and history of palindromes. The website includes a light and a dark mode based on ancient Roman/Greek styles. This was a project for the FreeCodeCamp JavaScript course.
CSS utility classes, Material Design, Functional Programming, JavaScript loops
This website calculates the change due (if any) from a transaction while updating the change left in the cash register. the values are updated and displayed with a UI that is based on Material Design 3. This was a project for the FreeCodeCamp JavaScript course.
My Email
hey@joe-watson.com
My Resume
My Socials
