POKDO Studio

Google UX Design Project #3

Dedicated App and Responsive Website 

pokdostudio mobile mockup

About

POKDO Studio dedicated app and responsive website are designed for people of all genders and underrepresented backgrounds who want to have their stories documented. 

Project Goal

My goal is to design an app and an responsive website for Pokdo Studio to allow users to learn about the studio, browse the studio’s works, and contact the studio. 

Target Audience

People of all genders and underrepresented backgrounds who want to have their stories documented. 

Key Challenges

User research, wireframing, prototyping, usability testing, iteration, and the creation of a final high-fidelity prototype. 

Roles

Research & UI/UX (Solo) 

Tools

Adobe XD, Illustrator, G Suite (Docs, Sheets, Slides, and Forms) 

Project Duration

April 28, 2021 to May 10, 2021 (13 days) 

Creator

Bosco P. Light 

Design Process

Empathize - Define - Ideate - Prototype - Test

Persona

Dave Persona May Persona Joe Persona

User Story

Dave

As a protest who spread the voice of my communities, I want to see artists' work and contact them so that I can work with them.

May

As a fundraiser for a non-profit organization, I want to see artists' works to see if they fit the organization's values so that I can contact and work with them.

Journey Map

May Journey Map

Problem Statement

May is a fundraiser for a non-profit organization who needs to find an hire an artist who fits organization's values because she wants to use the artist's work to spread messages of the organization.

Competitive Audit

Pokdo Studio Competitive Audit

Crazy Eights

Paper Wireframe for Pokdo Studio App

For Pokdo Studio App

Paper Wireframe for Pokdo Studio Responsive Website

For Pokdo Studio Responsive Website

Digital Wireframe & Low Fidelity Prototype

Lo-Fi for Pokdo Studio App

For Pokdo Studio App

Lo-Fi for Pokdo Studio Responsive Website

For Pokdo Studio Responsive Website

UX Reserach Study Plan

Pokdo Studio UX Research Study1 Pokdo Studio UX Research Study2

Notetaking Spreadsheet

Pokdo Studio Notetaking Spreadsheet

Affinity Diagram

Pokdo Studio Affinity Diagram

Insight Identification

Priority 0

Based on the theme that: Once at the contact screen, users don't have information to directly contact the studio, an insight is: Add the studio's phone number and email address.

Priority 1

Based on the theme that: Users can't easily identify the phone icon as the shortcut to the contact section, an insight is: Use a different icon for the contact shortcut icon.

Priority 2

Based on the theme that: Users have a hard time finding studio's work, an insight is: Use a different word instead of portfolio.

Mockup & High Fidelity Prototype

Hi-Fi for Pokdo Studio App

For Pokdo Studio App

Hi-Fi for Pokdo Studio Mobile Website

For Pokdo Studio Mobile Website

Hi-Fi for Pokdo Studio Tablet Website

For Pokdo Studio Tablet Website

Hi-Fi for Pokdo Studio Desktop Website

For Pokdo Studio Desktop Website

Sticker Sheet

Pokdo Studio Sticker Sheet

Accessibility Considerations

To ensure that our responsive website was accessible, I included language options that translate the website to be used for everyone around the world.

Links to the final high-fidelity prototype for the Pokdo Studio

POKDO Studio App
POKDO Studio Mobile Website
POKDO Studio Tablet Website
POKDO Studio Desktop Website