Oracle

Oracle ThinkQuest

Project Overview

For four years and eight months, I developed, delivered and managed interface design materials starting from wireframing, prototyping and detailed designs, conceptualized and executed print and digital promotion materials for Oracle corporate citizenship effort called ThinkQuest (www.thinkquest.org), an online project space/international learning platform for students and teachers to learn together online and compete in educational competitions. Streamlined marketing collaterals request process across the team. Managed a repository of design materials. The number of users reached 590,000+ students in 40+ countries, available through 11 languages. The ThinkQuest Library, a repository of student-created contents, reached a milestone 8,000+ entries visited by more than 50 million visitors per month.

I was also involved in research, user observation and user interviews. I staffed most local (Indonesian) training sessions in public and private schools to introduce ThinkQuest as a learning tool for them and how they can integrate it to the existing curriculums. Sessions like these include 7 hours of practice and theories. This experience allowed me to observe user needs first-hand and interview them, and made written documentations for future product improvements. Helped organize and conduct roadshows in various universities and schools in several Indonesian cities (Jakarta, Solo, Bandung), to gauge interests and motivate enrollments for the a year’s competition.

Role

I was a designer in the team, working together with a Design Manager and a Design Director. My job was to mainly execute directions. All of the works presented on this page are to be credited as a team collaboration and not myself only.

Goals

Our goals were to seamlessly connect students, teachers and university lecturers to a world of online collaborative learning. We initially had three programs to support that: Think.com, an online learning environment for K-12 students and teachers, ThinkQuest, an online collaborative learning competition whereby students competed in teams across countries to make websites or web applications, and Oracle Academy, a program for high school and university students, lecturers and teachers to integrate Oracle technology in their education curriculum and learn Oracle from early days.

Product logos

I handled three products initially, before Think.com and ThinkQuest were merged into one, ThinkQuest

Challenges

International borders. Different countries mean different teaching and learning methods, curriculums and cultural barriers. We had to embrace these as our motifs to create products that are easy and compelling to use across differences.

Marketing. Although the products are made ready to use, we still need marketing efforts that come down to bricks-and-mortars schools to initiate usage, particularly in developing countries where internet connection was an issue. We also faced competitions from other technology companies making their foray to education.

Target groups

Target groups

Understanding education. Coming from a technology background, Oracle is not exactly the type of business that aligns closely with education, except for their software education programs that include Oracle University and Oracle Academy. As technologists and designers, we had to dive deeper into understanding pedagogy to make the best products that empathize with the users.

Process

I normally follow this process, and this is a process I learned from Oracle: 1. Discovery, 2. Concept, 3. Wireframing, 4. Design, 5. Prototyping and 6. Iteration.

With Discovery, I discuss with fellow team members, do background research online, make presentations to the team, talk to customers. Find the problems and what we have done in the past that worked and didn’t.

With Concept, I write down the findings from Discovery and make quick sketches. Then present again to the team.

Illustration sketches

Sketches for illustration projects

Wireframe for a map explorer project

Wireframe for a map explorer project

With Wireframing, I take the quick sketch into digitized wireframes that show the basic level of information architecture and interaction flow.

With Design, I take the wireframes to the next level and add details, including colors, shapes, illustrations, icons and others.

Creating building specs was almost daily tasks

Creating building specs was almost daily tasks

With Prototyping, I work with a front-end developer to make the design come alive in actual template or interface. I didn’t usually code, though, but I worked together with the developers to refine my work.

Building interactive prototypes

Building interactive prototypes

Building interactive prototypes

Building interactive prototypes

ThinkQuest iteration

ThinkQuest navigation iteration

With Iteration, I work with the whole team to fine-tune every little detail to perfection.

Results

During my years I helped merge Think.com and ThinkQuest into one solid learning platform, branded just ThinkQuest. It was decided that both programs have similar missions and they are stronger together.

ThinkQuest Competition dashboard

ThinkQuest Competition dashboard

I helped maintain continuous improvements of the programs through user experience, user interface and brand design. Projects spanned from the online platforms themselves and marketing materials for events and promotions, not only for ThinkQuest, but also for Oracle Academy.

ThinkQuest Library sticky bar

ThinkQuest Library sticky bar

Student project spotlight arts

Student project spotlight arts

2011 front page with bigger menu

2011 front page with bigger menu

ThinkQuest Live 2011 promotional materials

ThinkQuest Live 2011 promotional materials

Promotional postcard

Promotional postcard

ThinkQuest diversity ad

ThinkQuest diversity ad

Event graphics

Event graphics

See more Case Studies