Show recent photo
I redesigned the website for Seif English Academy, Madrid, on mobile and desktop.
Seif Academy Design System
I created a design system for this project which:
helped speed up the design process
ensured consistency across the website
was a learning experience - how to use a design system linked through Figma
I co-designed a logistics platform for an early-stage green-focused start-up.
I started learning HTML, CSS and Javascript to be a better designer.
But now I’ve become absolutely addicted!
“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
