top of page
GENCODE

Product Design    |    A functional QR Code Generator accessible for both web and mobile users

Project Overview

Background

At the 2022 Ingressive for Good X Zuri Training, Product designers and Full-stack developers were given a project to work together as a group to design and build a functional QR Code Generator.

The research team identified the need for a QR Code generator and one prevalent need was very quick easy access to important links that are difficult to remember like map locations and other long website links. They also help save documents like PDF files and images.

My Role

Product Designer

Timeline

July 21st, 2022

to August 5th 2022

Tools Used

Figma

Figjam

Google Doc

Technique Used

UX Laws Application

Design Thinking Process

Style Guides / Design System

(Colors, Typography, Grids, Input Field )

User Story, User Flow

Wireframing, Prototyping

Research Notes

The Solution

High Fidelity Prototype Desktop View

High Fidelity Prototype Mobile View

Empathy Map

User Stories

usg1.PNG
usg2.PNG

User Persona

Project_57 persona 1.png
Project_57 persona 2.png

Pain Points

Pain point GenCode.png

Brainstrom

BS6.png
BS7.png
BS8.png
BS9.png
BS2.png
BS3.png
BS4.png

Idea Prioritisation

ideapriotisationGC.PNG

User Flow

GenCode use Flow.png

Low Fidelity Web Page

Low Fidelity Mobile Page

High Fidelity Desktop Page

High Fidelity Mobile Page

High Fidelity Prototype Web View

High Fidelity Prototype Mobile View

bottom of page