top of page
3097b348-d477-455e-bff9-acf82173db8b.png

CultureBrew.Art

A social platform (Mobile App) for BIPOC artists, creators and performers in Canada to find communities and opportunities

Client: Visceral Visions

Centre for Digital Media, Summer 2021

Project Overview

CultureBrew.Art is a digital initiative that benefits from a strong team of active Indigenous and racialized artists and professionals. This project aims to design and prototype a mobile app that will build connection and collaboration between artists, particularly those who reside in rural, remote, and Indigenous communities.

The Client
301568804_556609456250489_8557193085904946740_n.png

                          is a non-profit society with the mandate to champion diverse provocative voices that struggle to be heard in an increasingly homogenized world through the media of artistic expression and to promote and foster Indigenous and racialized Canadian artists. The team worked in direct communication with Anju Singh, Creative and Technical Director, and Valerie Sing Turner,  Artistic Producer of Visceral Visions. 

 

My
Contributions

UI design

crafted design system, color palette, UI style guide, including typography and icons, hi-fidelity mockups

User research

User interviews, industry-standard latest technologies, personas and feature maps

Our Team.

team p.jpg

Wynn Chen

Product/UX Designer

Chenjelani Whatley

2D, Graphic Design 

Inda Macias

Project Manager

Karan Shah

Web/ Game Developer

Sarvi Hosseini

UI/ Graphic Designer

Design Tools

Design Tools

We used several tools and platforms to facilitate the project progress and team communication as we worked remotely.

600px-Figma-logo.svg.png

Figma

For designing the prototypes for user testing 

Adobe_Illustrator_CC_icon.svg.png

Adobe Illustrator

for creating art assets for onboarding pages

idkwvxShC9-01.png

Miro

for brainstorming, ideation, and weekly progress

Design Process

design process-01.png

Empathize

Define

Ideate

Prototype

Build

Analyze

Interaction Design

Interface Design

Design Iteration

Research Timeline

Activity

research timeline-01-01999-01.png

Scope

Audit

Stakeholder Interviews

User interviews and observations

Personas

Define project goals and schedule

Objectives, timelines, financial constraints,
process, milestones

Review existing work and product

Business and marketing plans, branding strategy, market research, product portfolio plans, competitors, relevant technologies

Understand product vision and constraints

Product vision, risks, constraints, opportunities, logistics, users

Understand user needs and behavior

Users, potential users, behaviors, attitudes, aptitudes, motivations, environments, tools, challenges

User and customer archetypes

Patterns in user and customer behaviors, attitudes, aptitudes, goals, environments, tools, challenges

Concerns

image41.png

Personas

image38.png

User Journey Map

Expected mobile app journey

image70.png

For this version,  the mobile app is just an extension from the website, it only includes geolocation searching & messaging feature,  Cheryl needs to redirect and re-login to the website to finish the onboarding process. The graph in the journey map shows the friction caused by each step, the higher the friction the higher chance we lose our user.

Proposed mobile app journey

image79.png

For this version,  the mobile app is a stand-alone platform. It includes all the features the user needs. Cheryl is not redirected to the website, which shortens the onboarding process and flattens the friction graph, giving users a smoother experience.

SWOT analysis

SWOT P-01.png

Product Plan

image11-01.png

Based on the user research insights and client’s goals, we looked back at ideas generated during brainstorming and determined which ones could be further developed by utilizing a bulls-eye diagram for feature prioritization.

Defining & Prioritizing  features

Key Features - MVP

Geolocation -  Users will be able to find each other through the geolocation feature. This feature will show the user’s distance from other users without revealing their exact location for safety and privacy purposes. Users will also be able to find Opportunity Listings near their proximity or across Canada that fit their artistic discipline and interests. Opportunities can be filtered across the country and across disciplines.

Product Structure

image19.png

Design System

image10.png

Color Palette

Typography

image3.png

Design Layout

Describe your service here. What makes it great? Use short catchy text to tell people what you offer, and the benefits they will receive. A great description gets readers in the mood, and makes them more likely to go ahead and book.

Iconography

Components

mockup hi.png
Access the Figma Prototype here: 
Next Project
del zed abi.jpg

Digital Design
Computational Fashion Design

bottom of page