Lessons from Sweating the Small Stuff
Hello! Welcome. Please enjoy my projects from the FreeCodeCamp Visual Web Design Certificate
Product Design lessons learnt from 9 started projects, 5 completed projects and a lot of Design, HTML, CSS, and Accessibility.
If you enjoyed any of these projects, had questions, feedback or want to talk about working together β I'd love to hear from you.
The best way to contact me is on Twitter, please get in touch!
A Tribute to Technological Innovators
Project 1: Designing a tribute page
Main Focuses: Hierarchy, fluid images, alternating grid layout
Project goal, complete! β
View the site at A Tribute to 200 years of Technological Innovators
Mastering HTML Forms
Project 2: Designing a sign-up form
Main Focuses: Responsive forms, clear labels & form structure
Goals, achieved! π
Sign up at Mastering Forms
Designing a Product Landing Page
Project 3: Designing a Product Landing Page
Main Focuses: Hierarchy, breaking the grid, bold layout
Grid === broken π¨
Visit the landing page at Adding spice to life: Product Landing Page
Designing a Small Design System
Project 4: Technical Documentation Page
Main Focuses:
- Systems-thinking
- Hierarchy
- Responsive design with a lot of content
- Effective navigation
- Clear stucture
- Strong layout
- Clear copy & product writing
Project Complete π€ΈββοΈ
See the Seed CSS site at Seed: Utility CSS Code Snippets
The most exciting and ambitious project by a big margin, and the biggest learning opportunity of all 5 projects βοΈβ¨
Showing the Work: FreeCodeCamp Projects Portfolio
(This page!)
Project 5: A personal portfolio of work. (See my full portfolio at https://jasontcrabtree.com )
Main Focuses: Bold colour palette, experimental navigation
Job done π»
View the site at Visual Web Design: A FreeCodeCamp Certificate
Case Study:
What I learnt about Product Design from designing and coding 5 websites for a FreeCodeCamp Visual Web Design Certificate
Main Focuses: Lessons learnt & next steps
Project, done! Onwards to the next goal π―
Read the case study: Coming Soon!