Basmah Masood
0
IMG_4027.JPG

PORTFOLIO

This portfolio presents a curated selection of projects exploring experimental designs, brand-driven visuals, and culturally inspired narratives across digital, print, and video formats.

PAINTING GALLERY

MEDIUM: Digital Interactive Experience
TOOLS: Figma, Adobe Illustrator, Photoshop, Procreate
SKILLS: User Design, Graphic Design, Prototyping, Game Design
YEAR: 2024

I was invited by the RCCD association in Emeryville to exhibit my paintings at the Bay Street Mall. This Idea stems from after the exhibition when I wanted to share my work with loved ones who couldn’t attend in person. I wanted to create interactive puzzles to make the viewing experience feel personal and engaging, allowing users to unlock each piece, view the artwork, and discover it’s story.

KEY FEATURES

  • Users can play a game.

  • Users can view exhibition pictures.

  • Users can view the gallery and learn about the paintings.

GAME WALKTHROUGH

Curious about how the game works? Watch this guided video walkthrough to see how to play, interact with the gallery, and explore its features. Click to start and experience the project in action!

USER GAINS

USER PAINS

  • The gallery ensures users feel included, regardless of their location, creating a sense of connection.

  • By turning paintings into puzzles, users spend more time engaging with the paintings, fostering a deeper appreciation.

  • Users who are not near the exhibition, miss out on the immersive experience.

  • Users are fatigued by endless scrolling and seek a more meaningful interactive experience.

ITERATIONS

Feedback driven iterations

SOLUTION

PROBLEM

  • ‘View Exhibition Pictures’ lets users browse at their convenience.

  • ‘View Gallery’ lets users play or explore paintings with info.

  • Numbered frames guide users to the next level.

  • Users wanted gallery access before playing to gather hints.

  • Users wanted exhibition album access before finishing the game.

  • Users couldn’t tell where to begin in the gallery.

USER JOURNEY

Explore the user journey in action! View the Figma file and see how the gallery interacts.

USER MAP

CHALLENGES

  • Designing a seamless flow for users unfamiliar with interactive experiences.

  • Balancing gamification and accessibility for an enjoyable, frustration-free experience.

OUTCOMES

  • Successfully created an interactive gallery that engages users by turning paintings into puzzles.

  • Provided users with flexible options to play the game or view the gallery and exhibition pictures at their own pace.

  • Improved user satisfaction through iterative changes, eg; adding numbered frames, making galleries accessible upfront, and offering bonus videos.

FUTURE IMPROVEMENTS

  • Save the progress section so users don’t have to start over.

  • Add a hint section so that users can feel more challenged.

  • Add Music and a countdown timer for urgency in the last levels.

  • Convert into a 3D VR experience.

pLAY GAME

Click on the image and expand to full-screen to start playing the game.

Interactive ExperienceBasmah MasoodPersonal Project