Team Boootcamp

Currently working on the future of online education by making learning science easy.

Role

Design Lead

Timeline

May 2020 β€” Current

Project Context

As of April 2020, I have transitioned into the design lead role for an education company called Team Bootcamp. For the last 7 years, their flagship product DAT Bootcamp has dominated the market for study tools that help pre-dental students study for the Dental Admission Test (DAT).

My role, is to come in and create a new and improved Bootcamp that can allow the company to scale beyond the DAT and begin owning more of the pre-med course track.

For starters, we are currently working on designing Anatomy Bootcamp. However, what we are really doing is designing a modular framework that can allow us to spin up numerous other pre-med course platforms and quickly. It's a unique challenge because each design decision that we have to make has to work for Anatomy, but also be flexible enough to not pigeon-hole hole us for future Bootcamps that we haven't even thought of yet.

Bootcamp Goals

When thinking about how we want to design for pre-med students, we use a few core values to dictate exactly how we bring these platforms to life. Thankfully, we have years of feedback and experience to draw from the success of DAT Bootcamp when thinking about what works and what doesn't work in a science-based online learning platform.

Bootcamps need to be flexible

This way, when we spend time investing in Anatomy Bootcamp, we can reap those benefits for future Bootcamp platforms as well. Each module and each component is designed to be re-used, customized, and to serve as a foundation for future features.

Bootcamps ned to be fun

Studying for pre-med exams is just about one of the most stressful things a human being can put themselves through. So we don't want our platforms to mimic the branding of a pre-med world. We want them to be full of energy and even playful to an extent.

Bootcamps need to honor the student's mental space

Switching between classrooms in a Bootcamp is a big deal for students. So we wanted to design the platform in a way where each classroom (and the corresponding chapters and lessons) were themed so that it really felt as if you were leaving one physical space and entering the next when you switch from something like Biology to something like Organic Chemistry.

Building a Design Language

One of the first challenges when I began working at Bootcamp was to build out a system of components that we could use in a way that would make our overall engineering process more efficient. So in week one I set the groundwork for an atomic design system that we can continue to build on as we scale the feature sets associated with our Bootcamp framework.

Get a glimpse

We are still very early in the process, but here's a few snapshots of what we are working on at the moment.

Classroom/Chapter Pages and study modals

Giving students a new way to customize question banks based on their level of mastery tags:

Quiz Mode

Creating a new side-by-side quiz mode so that students can easily zoom in and out of anatomy images to identify the correct structures. We even developed a system where student heroes could saved default thumbnails when uploading pictures so that we could preset the zoom percentage for each image depending on the aspect ratio. Throughout the process we constantly iterate on Figma prototypes to test different interactions, functionality, etc.

‍

Review Mode

Once students finish an exam, we wanted to make it as easy as possible for them to review each answer by watching video explanations and reading question overviews. Additionally, we added functionality so that students could easily hide and show the labels associated with each image. Lastly, we allow students to mark each question as "learning" "reviewing" or "mastered" in order to make sure they are studying the right questions at the right time.

‍

Much more to come for this one!

Next Project

Differential

View This Project

Say Hello.

Questions, thoughts, ideas... I love connecting with new people so don’t hesitate to reach out.

πŸ‘
Oops! Something went wrong while submitting the form.

Connect.

Let's do the social things.

Made with
in Denver