Sarvi Hosseini
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
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.
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.
Figma
For designing the prototypes for user testing
Adobe Illustrator
for creating art assets for onboarding pages
Miro
for brainstorming, ideation, and weekly progress
Design Process
Empathize
Define
Ideate
Prototype
Build
Analyze
Interaction Design
Interface Design
Design Iteration
Research Timeline
Activity
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
Personas
User Journey Map
Expected mobile app journey
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
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
Product Plan
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
Design System
Color Palette
Typography
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
