top of page


Web and Mobile Platform Design

streetsmarts homepage desktop.png
iPhone XS mockup Perspective Style (Right) (Mockuuups Studio).png


The StreetSmARTs program is a partnership between the San Francisco Arts Commission and Public Works, which pairs artists with private property owners who have received Notices of Violation for the removal of graffiti on their buildings. StreetSmARTs was created in hopes that murals can replace and prevent graffiti, while also beautifying neighborhoods in the process.

Project: Group website redesign project
Client: StreetSmARTs
Duration: 2 week sprint
Tools: Figma, Zoom, Otter, Trello
Dec 2021




​Sirron Norris “Soy de Aqui”, 2019


The current process is a long, drawn out application, which needs to be reviewed before any action is taken. Expanding the online platform to be inclusive of all property owners in SF wanting to enhance their property with murals is our main objective. 


User Interviews

I began our research process by pulling in both artists and business owners and explained the objective of our project. My goal was to gain a sense of understanding from both perspectives about their wants, needs, and motivations when it came to this type of business interaction. After the interview, I pulled several notable quotes: 

A big area I struggle in is being able to identify where job opportunities are.


Having artists all in one place that have the skill set to do a mural is appealing.

Business Owner

The main motivation for me is just a broader ability to communicate to a larger audience.


It's a challenge figuring out where to begin when searching for someone to do this type of work

Business Owner

User Interview Insights

All the data was then taken from the user interviews and made into 2 separate affinity maps, for both the artists and business owners. I was able to locate key insights and themes from each.

Artists want a place to:

Upload their work and experience
Have business owners upload their space
Communicate about budget, timeline & expectations

Business Owners want a place to:

Reach out to artists
Put out their own ideas for murals
See portfolios and any qualifications needed from artists

Both artists and business owners would like a platform where they can communicate and reach out to one another in order to satisfy both their needs.

Personas and Problem Statements

It became clear that we were not only going to be designing for two personas, but on two separate platforms as well since that's what users indicated they wanted. Mobile for on the go, convenient messaging and desktop for browsing.

Artist Persona


Jack needs a way to find artistic opportunities in his community so that he can create pieces that viewers feel moved by while also paying his bills.

Business Owner Persona

Business Owner

Jill needs a way to discover and vet artists that meet her needs so that she can commission them to paint a mural on her property.


C&C Analysis

Since we’re designing for two different users, we wanted to focus on platforms that had two personas as well, such as Rover and Airbnb. We did a feature inventory for both competitors and comparators, so that way we can get an idea of what our platform should include.


Based on the findings, we decided we wanted:

  • Quick onboarding

  • Ability to link social media

  • Two sided outreach, where both sides can initiate the conversation

  • Online payment

User Flows

Since we’re designing for two different users, we wanted to focus on platforms that had two personas as well, such as Rover and Airbnb. We did a feature inventory for both competitors and comparators, so that way we can get an idea of what our platform should include.

artist user flow.png

The artist would create a portfolio when signing up, so that way business owners can have an idea of their line of work. Once they find a business that agrees to hire them, they'd create a contract within the site.


business user flow.png

The business owner has the option of posting a "gig" or can just browse through the different artists available. 


Mid-Fi Wireframes

Mid-Fidelity mobile and desktop wireframes were completed in the sense that we wanted to see if users would be able to go through the entirety of both artist and business user flows on both platforms.

mid fi wire.png
mid fi desk.png


Mid-Fi Usability Testing

Our Purpose & Goal: find out if our product is meeting user's needs

Scenarios & Tasks: have each user go through and complete tasks as both Jack the artist and Jill the business owner
View Here

Metrics: quantitative (success rate, time needed to complete tasks, number of errors) and qualitative (speak through their process)
View Here 

Common Issues: Mobile

Too many steps in messaging
Disliked progress bar in messaging

View here

Disliked built in contract in messaging

View here

Common Issues: Desktop

Confusion on how to get back to homepage
Confusion on what the random chat icon does

View here

usability results

Synthesizing Our Data

For each user during usability testing, I recorded:

  • whether or not they completed the task assigned

  • the time it took to complete each task

  • the number of errors taken for each task

The data shows us that:

  • 100% of users were able to complete every single task that was assigned

  • 50% of users made no errors at all

What does this tell us?

We have a very clear and simple user flow that was understood by most users.

Areas For Improvement

For the task "Sign up as a business", users spent about 6.8 seconds longer on the desktop than on the app, which was the only instance where users spent a longer amount of time on the desktop compared to the app.

Would be nice to have a progress bar on the sign up pages.
I'm confused on when you would actually post a gig.

What does this tell us?

Users were confused by the layout and amount of content on the sign up page.

Turning Insights Into Something Actionable

Usability insights helped us make a foundational change in our Hi-Fidelity prototype. We had the contracts and negotiation function within the chat feature, but this tested poorly. In our Hi-Fi we added a contracts page in the main navigation bar, which tested well with users.

Final Thoughts

Lessons Learned

This project gave me an understanding of the difficulties behind extending an already existing experience into a new platform, or in our case, into 2 new platforms. They each have different areas of focus and techniques when designing, so this was an eye opening experience.


I got the opportunity to take over UX Research and discovered that I have a lot of fun seeing the results of my work put into action. Not only that, but learning human behavior and motivators behind it was intriguing. 


Working closely with my team throughout these couple weeks was a memorable experience, and they made this intimidating process much more enjoyable. I was able to learn from each of their expertise and am looking forward to applying this new found knowledge in my future projects!

Next Steps

Despite all we were able to accomplish, there’s more work to be done. We’d love to:

  • Allow cross-persona journeys where we can allow artists to also be a business owner

  • Prototype and do further testing with the desktop site

  • Build out Favorites, Notification, and Setting pages

bottom of page