0.relix-thumbnail.png

Relix

Brand design, UX, + UI design

1.relix-intro.png

The collection of scientific knowledge

High school science textbooks are often outdated and lack opportunities for actual engagement or acting on curiosity. Relix is the learning app that intersects the art of collection with the science of genetics in order to create an experience that actively engages students and offers them a unique sense of ownership over their knowledge.

Brand Elements 

Clever / Crafted / Vibrant

Relix is a play on the word “relic” - spelled with an ‘x’ instead of a ‘c’, it mimics the twist that genetics puts on the art of collecting when the two are combined. I wanted the look and feel to mimic the quirkiness that usually surrounds the art of collection while still feeling refined and credible.  The first logo iterations were very focused on DNA, but after more prototyping it became clear that the logo rather needed to reflect the modularity and exchange of information and knowledge.

 
2. brand.png

In Application

Collecting information

Students view topics in the form of collections of information that they themselves have curated.  Once drilled into a specific topic, the student can collect information and assets by dragging it into their collection jar, as seen in the interaction to the right.

3.screen-1.png
4.screen-2.png
 
5.screen-3.png
6.screen-4.png

Engaging in modules

Relix presents information in a modular format that can be manipulated by the user depending on their preferences.  As part of this specific topic of genetic mutations, the student can drag a specimen into the module on the right and apply different genetic mutations to see how they might physically manifest themselves.

 

Curating a collection

At any time, the student can view his or her growing collection and organize the information as they see fit, filling certain suggestions and prompts.  Students can also choose to collaborate with one another and exchange information, allowing them to add unique content from a different perspective to a collection.

7.screen-5.png
8.screen-6.png
 

Development

Feature Exploration

Ideation began with identifying types of content that might be found in a textbook dealing with genetics, then sketching ways that students might interact with that content in an innovative way.  This included exploring how to make use of iPad affordances like 3D touch, camera, augmented reality, and split screen to enhance the student's learning experience.

9.feature-exploration-1.jpg
10.feature-exploration-2.jpg
11.feature-explortaion-3.jpg
 
15.task-flow.png

Task Flows

Through the process of wireframing, I identified three main tasks a student would complete using Relix. These three main task flows are the backbone of the application and guided my construction of a demonstration video.

 

Lo-Fi Wireframes

Shown here are only three of many many rounds and versions of lo-fi wireframes. I completed a full set of lo-fi wireframes that aligned to my task flows before applying the visual identity.

12.lo-fi-1.png
13.lo-fi-2.png
14.lo-fi-3.png