An Educational Tool That Offers Authentic Journalism Tailored To Students, Teachers, And Parents.

The Project and My Role

Research, User Experience, and Visual Design Lead

TIME Magazine rebranded and re-architecture TIME for Kids as a new tool in efforts to expand their educational footprint to young people. The main challenge was designing and developing a content management tool (CMS) and learning management tool (LMS) with a wide variety of use cases.

This tool empowers students to explore interactive articles that are specifically designed for touchscreen displays. It offers multiple reading levels, accessibility features such as Spanish translation, and embedded vocabulary support. Educators can use TIME for Kids to teach non-fiction to their classes, distribute assignments, moderate quizzes, and manage grade books all through the website. Teaching resources, reading assessments, and lesson plans are aligned to Common Core State Standards.

To bring the project to fruition from the ground up, I worked closely with cross-sectional teams from the editorial, curriculum, marketing, product managers, developers, data analytics, and quality assurance.

Produced and Validated 200+ Wireframes

New Logo and Identity

#4800ff

#FFCB05

#7BAD22

#00A1E4

#FFFFFF

#202020

The creative director worked on the brand identity.

Style Guide

I created the style guide which was the main reference point for other designers, developers, and product managers. Text styles and color names were predefined in a way so that the development team can use them on their code.

Bi-weekly Product Sync

Before and After

The earlier version of the website was a fixed-width table-based desktop-only experience. 

The new redesigned responsive website (2018) was completely built from scratch.

Desktop HD Design Samples

Sample Prototypes

I created prototypes and worked closely with the team before making any design decisions. As a part of the testing process, we teamed up with a school district to test our prototype. The test results were very useful and helped us move forward with the design with confidence.

Assign an article to a class

Admin Wireframes

Accordion Menu

Designs for iPad

Article designs for Desktop HD

Dashboard and Hamburger Menu

Data Tables

User Testing

I created prototypes and worked closely with the team before making any design decisions. As a part of the testing process, we teamed up with a school district to test our prototype. The test results helped us move forward with the design with confidence.