Website under development! Thank you for your visit...
Updating...
UI/UX Project

myQCT +TRAF

myqct_devices

The Challengue

Current application form' design is outdated, not user friendly, and not accessible.
Current portal' design lack of clear user journey and accessibility standards.

Objectives & Goals

myqct-icon
Modernise the UI and UX of myQCT and the Teacher Registration Application Form (TRAF)
myqct-icon
Componentise form elements to allow a mix and match approach to presenting forms to users
myqct-icon
Identify where we already have information from applicants that we may be able to use differently
myqct-icon
Address interface issues for mobile devices

How We Did It?

Look
Analise
Propose
Design

Business Challengues

myqct-icon
A simple and efficient application process.
myqct-icon
Reduce the errors during the application process
myqct-icon
Eliminate jargon
myqct-icon
Be accessible and inclusive (WCAG 2.2 AA)
myqct_target_audience_02

Target Audience

All persons who wants or teach in Queensland, Australia.

Research

We conducted online research checking other regulatory authorities in Australia. As well as input received from business teams inside the Queensland College Teachers to improve.
Findings

80%

90% of regulatory authorities' portals and applications forms lack of an appropriate UI.

65%

65% of the users does not understand well the process of application for teaching registration.

2k

On an average, user spends $2,000 USD monthly in consultation without purposes.

75%

75% of the users find the portal hard to navigate

User Needs

myqct-icon
User wants to ease the process of application for registration.
myqct-icon
User needs to understand better the requirements for applications.
myqct-icon
User wants a better mobile experience.

Design Process Link

Clear requirements in each stage of the application process
Prominent and Clear Calls to Action (CTAs)
Clear and Useful Information In Every Page

User Persona

Jessica Towns
Law Firm CEO
Profile
30 years old
New Jersey
MCA
CEO/Owner
Maslow Pyramid
Goals
Ensure the firm's data is secure and that all systems run smoothly to prevent project delays.
She is looking for a reliable, long-term IT partner, not a one-time fix.
Frustrations
Dealing with inconsistent freelance IT support and unexpected downtime.
She is too busy to research complex technical solutions and needs transparent pricing.
Key Points
Pragmatic, values efficiency and security, and seeks clear communication.
She wants a partner who can handle their IT needs so she can focus on growing her business.

User Persona

David Finch
Manufacturing & Distribution Company Owner
Profile
40 years old
New Jersey
Bachelor’ D
Owner
Maslow Pyramid
Goals
He wants technology to work seamlessly in the background so his team can focus on production and sales, not on fixing glitches.
He needs to protect his company's critical data from cyber threats and ensure they can recover quickly from any system failure.
Frustrations
He's frustrated with surprise repair bills and the loss of productivity when his network or key software goes down unexpectedly.
He feels overwhelmed by the fast pace of tech changes (like AI and cloud services) and worries his business isn't secure or competitive enough.
Key Points
He values a responsive and trustworthy IT partner who speaks plain English, not technical jargon.
He needs a clear, predictable service plan that aligns with his budget and business objectives.

General Workflow

Sitemap Structure

Current sitemap structure

Old sitemap structure
New sitemap structure v1
New sitemap structure v1

Workflows

Current TRAF flow

User wants to apply for teacher registration in Queensland.
TRAF-old-flow

New TRAF flow

User wants to apply for teacher registration in Queensland.

TRAF-new-flow

Typography

Roboto
Neo-grotesque sans-serif
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
Example
Name
Size
Ready To Start Working Together?
Title
72px
Ready To Start Working Together?
Heading
48px
Ready To Start Working Together?
Sub heading
32px
Ready To Start Working Together?
Body
26px
Ready To Start Working Together?
Body Light
26px
Ready To Start Working Together?
Body Bold
26px
Ready To Start Working Together?
Body Small
20px
Ready To Start Working Together?
Body X-Small
16px
Fonts Regular
Fonts Bold

Texts components

components-texts

Colors

myqct_colour_palette

Web Breakpoints

Desktop/Large screens
1440px
Tablet/Small laptops
1024px
Mobile devices (landscape)
768px
Mobile devices (portrait)
480px
Breakpoints

Layout Grid

Desktop Grid: 12 Columns System
12-column
Mobile Grid: 4 Columns System
4-column

Buttons

Primary button

Navigation bar

Software

Figma
Arboards Designs
Adobe Illustrator
Vector Designs
Adobe Photoshop
Image Edition

Sketches

Home Page
Desktop View
Mobile View
Cloud Computing Page
Desktop View
Mobile View
Infrastructure as a Service Page
Desktop View
Mobile View
Free Assessment Page
Desktop View
Mobile View
Appointment Page
Desktop View
Mobile View
Booking Page
Desktop View
Mobile View

Sketches

Home Page
Desktop View
Mobile View
Cloud Computing Page
Desktop View
Mobile View
Infrastructure as a Service Page
Desktop View
Mobile View
Free Assessment Page
Desktop View
Mobile View
Appointment Page
Desktop Vivew
Mobile View
Booking Page
Desktop View
Mobile View

Wireframes

Home Page
Desktop View
Mobile View
Cloud Computing Page
Desktop View
Mobile View
Infrastructure as a Service Page
Desktop View
Mobile View
Free Assessment Page
Desktop View
Mobile View
Appointment Page
Desktop View
Mobile View
Booking Page
Desktop View
Mobile View

Wireframes

Teacher Registration Application Form (TRAF)

Agreement
Desktop View
Mobile View
Cloud Computing Page
Desktop View
Mobile View
Infrastructure as a Service Page
Desktop View
Mobile View
Free Assessment Page
Desktop View
Mobile View
Appointment Page
Desktop View
Mobile View
Booking Page
Desktop View
Mobile View

Mockups

Home Page
Desktop View
Mobile View
Cloud Computing Page
Desktop View
Mobile View
Infrastructure as a Service Page
Desktop View
Mobile View
Free Assessment Page
Desktop View
Mobile View
Appointment Page
Desktop View
Mobile View
Booking Page
Desktop View
Mobile View

Prototypes

myQCT Portal

Log in page

Desktop View
Mobile View
Log In screen

Home page

Desktop View
Home page 02
Mobile View
Home screen

Applications page

Desktop View
Current applications page 02
Mobile View
Applications (in progress) screen

Profile page

Desktop View
Profile page 01
Mobile View
Profile (default) screen 01

Teacher Registration Application

Desktop View
TRAF instructions page (default) 01
Mobile View
TRAF (default) screen

Prototypes Flows

Desktop <= 1440 px
Mobile <= 375 px

See project in Figma

A versital digital designer for a digital age.
©2025 Jorge Penuela | Designed with Illustrator and Figma | Built with WordPress and Oxygen.
crossmenuarrow-right