WorkGuide

case study

A purpose-built platform for seeking and providing credible answers to the real questions about work.

About The Project
‍
WorkGuide.co is an initiative of ROHEI Learning & Consulting as part of the Emerging Stronger Taskforce (EST) Singapore. It was formed to review how Singapore can stay economically resilient and build new sources of dynamism to emerge stronger from COVID-19.

WorkGuide.co aims to become the go-to local guide for the emerging workforce with the largest resource of questions and insight on work matters.


Role

UI Design — Figma
Prototyping — Figma


Timeline

October 2021 - Present


Status

Ongoing


Getaka Labs Team

Project Manager
Jorge Dollisen
‍
Associate Creative Director
Angel Tarroja
‍



UX/UI Designers
Chloe Grace Bato
Myself



Developers
Mark Liwag
Argie Navora
Erwin Pascual
Style Guide

Logo
colors
typography
icons


This was my first project in Figma.
UX Process


Here are the fundamental processes involved in this


Research
Stakeholders Interview
Competitive Analysis
User Interviews
Identity User Goals
Brand Needs

Analysis
User Personas
Red Routes
Information Architecture
User Flow Diagram

design
Sitemap
Wireframes
Visual Design
Prototype
‍

Research
Empathize
define
ideate
prototype
→ test










Public
The Web App


Designed as a progressive web app (PWA), WorkGuide will feel and function like a native app with the added convenience of bypassing an app install. It will also take advantage of a PWA's helpful features like offline usability and push notifications.

  • Sign Up | Log In | Recover Password

Research
Empathize
define
ideate
prototype
→ test
Signing up will take the user to a page where they can either learn more (as a job seeker) or become a guide. They will then be required to complete a corresponding form. The forms are thorough, so the questions are grouped into sections for easier completion and to avoid visual exhaustion.
  • Create Profile | Update Profile
Both jobseeker and guide can update their profile anytime. Guides will have a "guide" badge next to their name to distinguish their profiles easily.
  • Post a Question
By default, posting a question is anonymous, with a confirmation modal before switching to an identified profile. Guide and category tags are also available to make questions easier to navigate.
  • Post a Video Reply
Posting a video reply will prompt a choice for a guided video or a video upload.
  • Explore/Search Questions | View Video Replies
  • View Video Replies
  • View Guide Profile from Video Reply
Both jobseeker and guide can update their profile anytime. Guides will have a "guide" badge next to their name to distinguish their profiles easily.



PRIVATE
Admin


Designed as a progressive web app (PWA), WorkGuide will feel and function like a native app with the added convenience of bypassing an app install. It will also take advantage of a PWA's helpful features like offline usability and push notifications.

  • Sign Up | Log In | Recover Password

Research
Empathize
define
ideate
prototype
→ test
Signing up will take the user to a page where they can either learn more (as a job seeker) or become a guide. They will then be required to complete a corresponding form. The forms are thorough, so the questions are grouped into sections for easier completion and to avoid visual exhaustion.
  • Create Profile | Update Profile
Both jobseeker and guide can update their profile anytime. Guides will have a "guide" badge next to their name to distinguish their profiles easily.
  • Post a Question
By default, posting a question is anonymous, with a confirmation modal before switching to an identified profile. Guide and category tags are also available to make questions easier to navigate.
  • Post a Video Reply
Posting a video reply will prompt a choice for a guided video or a video upload.
  • Explore/Search Questions | View Video Replies
  • View Video Replies
  • View Guide Profile from Video Reply
Both jobseeker and guide can update their profile anytime. Guides will have a "guide" badge next to their name to distinguish their profiles easily.
Private
Admin Backend
  • Support 4 types of user roles for the Admin Backend

Research
Empathize
define
ideate
prototype
→ test
a. User (no access)
b. Guides
c. Admins
d. Super Admin (ROHEI, WG Staff)
  • Dashboard (Interactions) - Main
a. Date Filter
b. Gender Filter
c. Top 5 Categories
d. Answer/Question Categories Count
  • Dashboard (Usage Analytics) - Granular stats around:
a. Questions
b. Answers
c. Users
  • Questions
a. Module to manage questions submitted before publication (approve/reject)
b. Tagging of proper categories also to be handled under this module
Both jobseeker and guide can update their profile anytime. Guides will have a "guide" badge next to their name to distinguish their profiles easily.
  • Answers
Module to connect video responses to posted questions. Allows admin of assigned response playlist for questions posted
  • Inbox
A centralized location to receive messages, like feedback, submitted to the platform
  • Users
To handle adding new users to the platform for different user roles
  • Beta Users
An extension of the users module, intended for reviewing applications to join beta program
  • Guides
A module to post video replies in behalf of Guides and manage their profile for them (while WG is in early stage)
Pre Pandemic
Like most, I haven't always been homebound.
‍

"Without a solid UX design process, a designer could be completely shooting in the dark during this phase of a project." 

Fortunately, I'm part of a very thorough team when it comes to research and analysis. Here are the fundamental processes we go through before jumping onto the design. "