Derek
張德文
Digital sketchbook exchange experience

Skit is a platform for aspiring and amateur artists to document their personal growth, build genuine connections, and provide constructive feedback to each other.

Overview

Skit is my senior thesis project at California College of the Arts. It was a two-semester project with an open topic. I challenged myself to design a digital product for artists around drawing and painting because that was my root of creativity. I focused on research in the first semester, concept developing in the second semester. The final design was exhibited at the CCA End of Year show 2022.

Project type

Academic project, Product design, Visual design

Tool

Figma, Adobe Photoshop, Illustrator, After Effects

Team

Individual project

Method

Interview, Competitive analysis, Journey map, System diagram, Prototype

Timeline

Oct 2021 - May 2022

Professor

Gretchen Anderson, Graham Plumb

Problem

Artists in their growing phase find stress and anxiety on social media.

Despite providing publicity for established artists and inspiration for growing artists, social media only celebrates excellence. This leads to a mental entry barrier that stages growing artists as outsiders to the community. The unhealthy competition and promotion of singular aesthetics leave no room for aspiring/amateur artists to learn through exploration.

Solution

A platform that brings the experience of using and exchanging sketchbook into digital space.

1

Unlike the prevalent analogy of profile as your portfolio that only includes pretty works, Skit is a safe place for archiving everything you draw.

2

Exchanging studies and in-progress work is a great opportunity to be vulnerable, leading to mutually trusted connections.

3

Process-sharing creates the foundation for constructive feedback based on understanding a piece of work.

Process

Research

Understand artist’s needs, pain points, and opportunities

Define

Clarify design intent,  project scope, goals, and insights

Design + Iterate

Explore concepts and gather feedback from target audience

Present

Create explainer video and other materials for exhibition

Initial Interview

The first thing I did was a round of initial interviews. I reached out to artists at different professional levels to understand what digital tools or platforms they use in their creative process, how they feel about them, how that relates to their skill level, choice of media, and even their vision or motivation for doing art.

Problem Statement

How might we channel the power of the online artist community to guide and encourage amateur and aspiring artists?

UI Sketch

In the first round of low fidelity UI sketches. I focus on high-level product design. After going back and forth with my potential user I come up with the idea of integrating creative tools and an art meetup organizer as a way to meet new artists.

Wireframe

In the second round of prototyping, I create wireframes for the design and find that the micro-interaction of leaving a comment can be explored more. I focus on how to optimize it for visual art critique.

System Diagram

Design System

Before creating the final design, I created my own design system. This time the look and feel I'm aiming for is not to take attention away from the art works uploaded to the platform. I choose to go for as much neutral color as possible and be mindful when using a call to action and other attention-grabbing elements.

Final Design

Reflection

Skit is the capstone project that sums up everything I learned during my wonderful yet challenging four years at California College of the arts. I gave it my best, and I'm proud of the result.

  1. Despite being an individual project, collaborating with other artists to evaluate my concepts, seeking feedback from domain experts, and learning from my peers were essential.
  2. Having more time allowed me to deep dive into areas like exploring different prototyping techniques, designing for multiple screen sizes, and animating my most ambitious explainer video.
  3. Not shown in the case study, but I intentionally practiced my communication skills during interviews, critiques, and presentations. I'd say I took one solid step in turning a weakness into a strength.

However, there're still areas I could've done better.

  1. Being a two-semester project, I could've designed for more impact than an exhibition piece and a case study on my portfolio, maybe collaborating with developers to deliver a functional prototype.
  2. I relied on qualitative feedback to validate a concept based on user-generated content. How to effectively test a platform like Skit with MVPs needs more exploration.
  3. More iterations. I was conservative about balancing meeting intermediate checkpoints and optimizing the process for the end result. After this project, I have more confidence in my design skills to take more risks.