Hello & Welcome to the interactive portfolio of:

Charles Diggs Jr.

Visual & Interaction Designer

"What matters most in the end, though, is this: your belief in your capacity to create positive change and the courage to take action."

Tom Kelley & David Kelley. Creative Confidence. New York:Crown Business, Oct 2013

My Projects | Visual & Interactive

Below are a select few projects that I've worked on. Please have a look around.

As a Visual Interaction Designer, I relish producing and experimenting with user interface designs in addition to creating prototypes. I think fervor for innovation is imperative as it fosters a range of cutting-edge solutions to be born, when faced with Design challenges. I’ve also grown very fond of data visualization and motion Design again as HTML/CSS 3 become more robust. With the introduction of tiny screens (wearables) and virtual reality in console and mobile games, I can't wait to see where we go with the next generation of user interfaces.

Don't belive me? Read my prototyping interview with JustInMind.

  • Charles Diggs Jr.
  • imaginethat@charlesdiggs.com
  • San Francisco, CA.

#1 TokBox | TokBox Inspector Diagnostic Software

  • Contributions:
  • Visual Design
  • Interaction Design
  • Information Architecture
  • User Testing
  • Client Interviews
  • HTML & CSS Implementation

Design Goal

Create a tool which enables developers, and client support representatives, to easily troubleshoot connection issues within applications built with OpenTok. It was also designed to help educate users on the various types of data which are displayed in Inspector. Unfortunately, it sits behind an account wall, but you can read more about it on the TokBox website: https://tokbox.com/developer/tools/inspector_doc/

Unique Design Challenges

Extracting complex platform data from our developers and translating that data into something that's still powerful, but much more simple for developers, and non-developers alike, to digest and understand.

Team Members

  • 1 Lead Designer - Myself
  • 1 Project Manager
  • 1 Front-End Engineer
  • 20 + Engineers from different groups as consultants

#2 TokBox | Infrastructure Uptime Status

  • Contributions:
  • Responsive Web
  • Visual Design
  • Interaction Design

Design Goal

Create a status page that allows TokBox clients to access all the information relavant to service uptime. Accessible here: http://status.tokbox.com/

Unique Design Challenges

Bothering the engineer for clusters of small design changes that can arise during implementation :)

Team Members

  • 1 Lead Designer - Myself
  • 1 Project Manager
  • 1 Front-End Engineer

#3 TokBox | Connectivity Doctor - Network Diagnostic Tool

  • Contributions:
  • User Flows
  • interaction Design
  • Visual Design
  • App Icon Design

Design Goal

This tool was designed to help clients overcome connectivity issues they may have had while using the OpenTok platform. It runs diagnostic tests on the entire OpenTok Infrastructure and reports the findings. Learn more here: http://www.tokbox.com/blog/announcing-the-opentok-connectivity-doctor/

Unique Design Challenges

""

Team Members

  • 1 Lead Designer - Myself
  • 1 Project Manager
  • 1 Front-End Engineer
  • 1 Android Engineer
  • 1 iOS Engineer

#4 TokBox | Marketing + Educational Interactive Demo

  • Contributions:
  • Visual Design
  • User Flows
  • Interaction Design

Design Goal

Help new clients understand what they could build using Opentok platform.

Unique Design Challenges

Educating potential new clients on the capacity of real-time video communications with OpenTok.

Team Members

  • 1 Lead Designer - Myself
  • 1 Project Manager
  • 1 Front-End Engineer

#5 Keas | Exercise Tracker App

  • Contributions:
  • User Flows
  • Interaction Design
  • Visual Design

Design Goal

Create an app which helps users track their health activities such as running, walking, or bike riding.

Unique Design Challenges

" "

Team Members

  • 1 Lead Designer - Myself
  • 1 Creative Director

#6 Keas | Healthy Breaks Videos + Video Player

  • Contributions:
  • Visual Design
  • Interaction Design
  • Video & Audio Editing

Design Goal

Encourage employees to take healthy breaks from time to time with quick Yoga video clips which employess could use to follow along. This would be done from a desktop machine or from a users mobile phone.

Unique Design Challenges

I had to cut/edit the videos myself. The videos had to be shortened in length, and the audio was delivered in the form of separate audio files.

Team Members

  • 1 Lead Designer - Myself
  • 1 Creative Director

#7 Keas | Fitbit Intergrated Step Tracker

  • Contributions:
  • Visual Design
  • Interaction Design
  • User Flows
  • Prototypes (Flash/AS3)

Design Goal

Create a feature within the Keas platform which allows employees to capture their Fitbit information and translate it into a fun competition with fellow co-workers.

Unique Design Challenges

""

Team Members

  • 1 Lead Designer - Myself
  • 1 Creative Director
  • 1 Project Manager
  • 1 Lead Engineer

#8 Keas | Conceptual Profile Page

  • Contributions:
  • Visual Design
  • Interaction Design

Design Goal

Design a profile page that informs users of the progress their making towards healthier living. At a glance this screen provides a measure of the users most popular tasks, from exercises, to quizzes that test their health knowledge.

Unique Design Challenges

""

Team Members

  • 2 Designers
  • 1 Creative Director
  • 1 Project Manager
  • 2 Engineers

#9 Six Degrees Games | NBA Final Score Screen

  • Contributions:
  • Visual Design
  • Motion Design (Flash)
  • Actionscript 3

Design Goal

Provide a final score screen for the end of a Unity 3D NBA basketball game, which mimics the energy of live Basketball game broadcasts. High energy, high contrasts, lots of animation.

Unique Design Challenges

Animating the numbers, in Actionscript 3, to resemble a slot machine experience before reaching the final score.

Team Members

  • 1 Designer/Coder(AS3) - Myself
  • 1 ActionScript 3 Developer
  • 1 Art Director

#10 Six Degrees Games | User Interface Design for Games

  • Contributions:
  • Visual Design

Design Goal

Create a game menu screen for the R.B.I. Unity baseball game, which allows the players to toggle through the various options.

Unique Design Challenges

""

Team Members

  • 1 Designer/Coder(AS3) - Myself
  • 1 ActionScript 3 Developer
  • 1 3D Animator
  • 1 Art Director

#11 Six Degrees Games | User Interface Design for Games

  • Contributions:
  • User Interface Design

Design Goal

Create a game screen for the NBA Sizzle game which allows players to choose between various game modes and settings.

Unique Design Challenges

""

Team Members

  • 1 Designer/Coder(AS3) - Myself
  • 1 ActionScript 3 Developer
  • 1 3D Animator
  • 1 Art Director