🌎

Codewell

Running a web development startup to help developers improve their frontend skills and collaborate with other developers.

Role

Marketing, Product Design, SEO, Research, etc

Timeline

May 2021 — Present

Tools Used

Figma, GA4, Maze

Link

https://codewell.cc

Backstory

Two years ago, I started learning web development for two reasons, one was to better understand how to translate designs into actual, usable applications, and the other to build my own products. I had learned enough HTML, CSS, and some Javascript to comfortably translate any designs I had, albeit not having the best code quality.

One of the pain points that I had whilst learning was the lack of projects to work on after learning certain concepts, queue Good Code. Good Code provided aspiring developers with design templates and challenges that they can use to practice their frontend skills. It was the MVP version of Codewell and was built puerly with HTML and CSS.

I had done some Marketing and was able to secure a good amount of sales given the amount of work I put in. I did not; however, continue with Good Code for several personal reasons and I ended up ditching the project for a year.

Fast forward to 2021, I show my friend, a developer, what I did with Good Code and we decided that the idea was worth pursuing as a side projejct while we juggle our full time jobs, ultimately leading to what is now Codewell.

The process

I spent roughly 1-2 months working on Codewell, understanding what features were necessary for our MVP launch, and building out an audience that could support our launch when the time came. As with any startup, I wore many hats and still do. I focus on learning things that could help the business scale, and not just learning design. Those include SEO, Marketing, Content, Analytics, and much more.

Prior to launching, I had been active on communities sharing snippets of what i’ve been doing and helping out whenever I can. Platforms were primarily Reddit and Twitter. Our launch was successfully and we quickly landed a few sales.

Proposed solution & reasoning

Often designers are looking to bridge the gap between design & development, why not close it entirely? Streamlining our design process had to start with getting everyone on board, especially developers. This section goes over how we closed the gap when it comes to translating designs into actual, usable applications, and not decision-making.

• Create a design system featuring design tokens, this included spacing tokens, colors, typography, and much more.
• Unify naming between codebase and Figma file.

Any component used in EFG’s products is essentially a combination of design tokens, and once we had nailed down the basics, communication would be a breeze.

A community-led platform

With Codewell, we want to offer developers a hub for not just templates, but useful content to help them elevate their frontend skills. We put a focus on giving users the option to post their solutions and look for feedback. We’re also now putting moer focus on content to better align with that vision.