Mobile - Home.png

product.

House of Amal, a creative community for teens.

duration.

28 weeks (Mar/Sep 2022)

team.

Gabrielle H.

role.

Researcher, Interaction Designer, UX Writer, UX/UI Designer, Brand identity

tool.

Figma

problem:

Even in infancy, the “House of Amal” brand struggles with its brand identity causing its target users, creative teens and their parents, to be unclear on what it is and how it works. 

goal:

Create a design that provides its target user groups with both clarity and confidence to use the House of Amal platforms. 

directive:

A mobile app concept, and responsive web (re)design.

background.

Two methods were used during the research phase.

 

First, there was an open forum with potential parent stakeholders to introduce the concept. Although I did not lead that forum, I was an invited guest and observer.

 

For the second method, there was a parental consented focus group with 4 teenagers that I led. There was also a short design challenge presentation with 2 teens, whose parents were present for the presentation. As "House of Amal" (HOA) moved into the design phase of creating a website, I was not part of the original design or ideation. However, I was later looped into lead the redesign of the information architecture - which allowed me the opportunity to create a case study and explore the UX problems a little further. 

HOA-Affinity U1.png

“I like having a place to hang out that is not just one person’s house.”

“I don’t understand what this place is.”

“This isn’t clear on the website, are these spaces in-person or online?”

pain points.

access

(parent) knowing where and how to find new activities for their kids.

(teen) finding accessible activities to do with friends.

value + safety.

(parent) transparency and clear indicators on the value for the kids as well as the safety practices in place. 

(teen) finding interests worth spending time on.

cost.

(parent) funds on-demand to invest in affordable activities.

(teen) availability of own funds/asking parents to fund.

ideation.

Screen Shot 2022-10-05 at 9.25.43 AM.png
Screen Shot 2022-10-05 at 11.11.36 AM.png

solution.

usability study. 

My first round of usability studies revealed that when booking, users like to see as much of the confirmation details as possible when moving through the flow. 

After the usability study, more of the flow was centralized on each screen to provide clear indicators of progress and flow details, as well as inactivity indicators

before usability study. 

Screen Shot 2022-10-05 at 11.19.17 AM.png
Screen Shot 2022-10-05 at 11.32.59 AM.png
Screen Shot 2022-10-05 at 11.33.09 AM.png
Screen Shot 2022-10-05 at 11.33.16 AM.png

after usability study. 

Screen Shot 2022-10-05 at 11.20.08 AM.png
Screen Shot 2022-10-05 at 11.18.16 AM.png

The framework for the initial concepts, responsive website and feedback from the usability study also informed the design for the mobile app. 

Screen Shot 2022-10-05 at 11.39.14 AM.png
Screen Shot 2022-10-05 at 11.39.54 AM.png

solution.

solution.

Responsive use. 

The goal of the website is to help drive brand awareness and provide information for House of Amal (HOA), a creative community for teens. Many parents want a safe space for their kids to be kids, and explore their interests and HOA wants to be that pillar in the community. 

Spaces - Use case redesign.png
Membership - Explorer - App.png
Membership - Payment.png
Membership - Payment-1.png
Membership - Payment PopUp - App.png

Application. 

Website provide information, but the mobile application is designed to build an in-house community where teens across spaces can share their creative interests, talents and experiences with House of Amal. There won't be a need to externally search for other creatives, because the phygital space HOA provides will be that place. 

takeaways.

What I learned:

Establishing use cases is important when designing across platforms because although there will undoubtedly be similarities, they should be different - biggest takeaway.