UX Design

UTG Academy Website Redesign

Screen with UTG Academy new website
Client
UTG Academy
ROLE
UX Designer
Project year
2019
TIME FRAME
3 Weeks
TOOLS
Sketch
Sketch
Sketch
ROLE
UX Designer

Brief

UTG Academy (or Under the GUI) is a coding school for children from 7 years old, all the way to late teens. The school provides a fun, engaging, and safe environment that motivates students to think critically and create with current technologies.

The website was created 6 years ago, one of the reasons why it needed strategic restructure and a new visual language.

Opportunity
UTG Academy (or Under the GUI) is a coding school for children from 7 years old, all the way to late teens. The school provides a fun, engaging, and safe environment that motivates students to think critically and create with current technologies.The website was created 6 years ago, one of the reasons why it needed strategic restructure and a new visual language.
CHALLENGE
Surface existent information on the website to generate quality leads, and ultimately strengthen the company brand.
SUCCESS CRITERIA
Time on task, completion rate and conversion rate.
ROLE
UX Designer
Project year
2019
DEVICES
Desktop, Mobile
Client
TIME FRAME
3 Weeks
TOOLS
Figma
Task management tool
Workshop tool
View Site
Competitive Analysis
Persona
CJM
Site Map
IA
Usability test and iterations
Prototype
No items found.

View Site

Brief

UTG Academy (or Under the GUI) is a coding school for children from 7 years old, all the way to late teens. The school provides a fun, engaging, and safe environment that motivates students to think critically and create with current technologies.

The website was created 6 years ago, one of the reasons why it needed strategic restructure and a new visual language.

Approach

I made sure to understand the constraints I would be facing, which were: existent design for entity page, existent in-house tool for form creation, shortage of users for usability test, and time constraint since I was also working on other features and had around 4 weeks to deliver the final product.

To kickstart the design process, we made assumptions as follows: the user would needed required checklists instead of required checklists items; if the checklist is fully answered then user would be able to advance status; and the user would be experiencing environment complexity (interruptions and breaks in workflow) while filling in checklist.

Key Findings

Required Conditions

Through the Group-based Expert Walkthrough, we realized one of the initial assumptions was inaccurate. Not just a fully answered checklist, but also no failed checklist items would be requirements to advance statues.

Quick Access for Managers

From Group-based Expert Walkthrough we identified managers would benefit from quick access to all checklists available for a specific element and history log with timestamp info for accountability.

Creation from Desktop but Answering from Tablet

From the interviews we validated our assumption: users would be creating the checklists from desktop devices but answering those mostly from mobile devices.

Checklist Templates to Streamline Process

From a 1st round of usability test, we identified that the user would benefit from customization of previously created templates, since similar checklist items were reused on different projects.

Creation Flow: 75% Achieved Success

During usability test, 3 out of 4 participants were able to complete checklist creation tasks successfully.

1 out of 4 had minor issues while creating the checklist.

Answering Flow: 100% Achieved Success

During usability test, 2 out of 2 participants were able to complete task regarding answering checklists.

Features

Solution

Competitive Analysis
Persona
CJM
Site Map
IA
Usability test and iterations
Prototype
No items found.

What I Learned

UX Designer

Other projects