How I built a simple tool to code along Youtube tutorials

The Experiment: Combining Youtube tutorials with a simple code editor with real-time previews.

I’m the creative director at F.pro , a boutique UI & UX Design firm, helping B2B Startups craft user friendly products. Codecast, one of my personal sideprojects, badly needed a redesign. With a couple of thousand people using the simple code editor + online (mostly Youtube) tutorials, I decided to build a Youtube player inside the editor and redesign the entire product.

Here’s a visual overview of the process:

This was the ‘old’ Codecast Prototype

1. Redesigning the UI & UX

2. Redesigning the Brand

Image for post
Image for post
Image for post
Image for post

Check out the sideproject at: www.codecast.me

Or other projects at www.fairpixels.pro

UI/UX Design for B2B SaaS Businesses- http://fairpixels.pro

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store