Marc Tessier

PROJECT NAME

Code Mentoring | Web app

codementoring.co (Not updated)

UI Style Guide


TEAM

Tristan Matthias (Project Manager)

Andrea Morreale (UI/Graphic Designer)


ROLE

Lead UI Designer


DATE

2020


CONSTRAINTS

Web App

Work off of established aesthetic


TOOLS

Pen + Paper, Figma, Github

The CM web app helps people learn code in fun bite-sized gamified lessons.


Code Mentoring is an international community of weekly meetups that provide free mentoring and coaching for developers. The app project was an experiment which allows rookie developers a chance to work on a real project, and veteran developers an opportunity to mentor.


I was asked to help create a variety of games/screens, but to do so, I also refined and built upon the existing UI style guide (which was in its infancy at the time).

STYLE GUIDE

PAGES

Dashboard

Login

Login

Login

Sign Up

Sign Up

Sign Up

KEY LEARNINGS

STILL BUILDING PAGE