Colton James Wiscombe
DSGN / DEV / ART / LING
cjw-canvas-thumb.jpg

Canvas Mobile

Instructure's principal product is Canvas—a state of the art learning management system used by students and educators around the world. During my time there, I was tasked with designing the new UI for the Canvas iPad app.

cjw-canvas-12.jpg
 Building on insight gathered from user testing, the first screen you'll see is the dashboard.

Building on insight gathered from user testing, the first screen you'll see is the dashboard.

 Clicking the information icon allows a student to customize their course colors and peak at their grades. I added a line indicator showing course progress.

Clicking the information icon allows a student to customize their course colors and peak at their grades. I added a line indicator showing course progress.

cjw-canvas-13.jpg
cjw-canvas-14.jpg
 The custom icon set I designed for the project follows the contemporary minimal style made popular by Apple.

The custom icon set I designed for the project follows the contemporary minimal style made popular by Apple.

cjw-canvas-3.jpg
 Each icon has both a "hollow" and "filled" version. This allows for visual emphasis to be placed at key points around the interface.

Each icon has both a "hollow" and "filled" version. This allows for visual emphasis to be placed at key points around the interface.

cjw-canvas-6.jpg
cjw-canvas-7.jpg
cjw-canvas-8.jpg
cjw-canvas-9.jpg
cjw-canvas-10.jpg
cjw-canvas-11.jpg