Solo Design Project
Solo Design Project
Solo Design Project
Solo Design Project
Solo Design Project
Mobile App
Mobile App
Mobile App
Mobile App
Mobile App
Design System
Design System
Design System
Design System
Design System
Brand Identity
Brand Identity
Brand Identity
Brand Identity
Brand Identity
The ultimate solution that connects small artists and fans through merch.
The ultimate solution that connects small artists and fans through merch.
The ultimate solution that connects small artists and fans through merch.
Our team designed a service platform Arch, to enhance the merch shopping experience for small artists and their fans, while fostering a sense of community.
Our team designed a service platform Arch, to enhance the merch shopping experience for small artists and their fans, while fostering a sense of community.
Our team designed a service platform Arch, to enhance the merch shopping experience for small artists and their fans, while fostering a sense of community.
Timeline
Original: Feb-Apr. 2024 (6weeks) Personal: Jun.2024 (3weeks)
My Role
1-As a sole designer, managed the entire design process 2-Led user interviews and synthesized all research findings 3-Created a brand identity, design system, wireframes, and prototypes
Timeline
Original: Feb-Apr. 2024 (6weeks) Personal: Jun.2024 (3weeks)
Project Type
Originally Academic Project Service Design Class Instructor: Ayça Akin, Daphne Peters
My Role
1-As a sole designer, managed the entire design process 2-Led user interviews and synthesized all research findings 3-Created a brand identity, design system, wireframes, and prototypes
Timeline
Original: Feb-Apr. 2024 (6weeks) Personal: Jun.2024 (3weeks)
My Role
1-As a sole designer, managed the entire design process 2-Led user interviews and synthesized all research findings 3-Created a brand identity, design system, wireframes, and prototypes
Timeline
Original: Feb-Apr. 2024 (6weeks) Personal: Jun.2024 (3weeks)
My Role
1-As a sole designer, managed the entire design process 2-Led user interviews and synthesized all research findings 3-Created a brand identity, design system, wireframes, and prototypes
Timeline
Original: Feb-Apr. 2024 (6weeks) Personal: Jun.2024 (3weeks)
Project Type
Originally Academic Project Service Design Class Instructor: Ayça Akin, Daphne Peters
My Role
1-As a sole designer, managed the entire design process 2-Led user interviews and synthesized all research findings 3-Created a brand identity, design system, wireframes, and prototypes
Overview
Background
Originally, this was the final project for a Service Design class. As the solo designer on my team, I led the development of the mobile app prototype and branding identity.
Although the final presentation only required low-fidelity prototypes, I wanted to take it further. So, during the summer, I turned this project into a zero-to-one solo app design challenge.
Original Task
During Semester
1
Design a multichannel service that includes both digital and physical aspects.
2
Increase the appeal of live events in Pittsburgh to new and existing audiences applying service design research methodologies.
Original Task
During Semester
1
Design a multichannel service that includes both digital and physical aspects.
2
Increase the appeal of live events in Pittsburgh to new and existing audiences applying service design research methodologies.
Original Task
During Semester
1
Design a multichannel service that includes both digital and physical aspects.
2
Increase the appeal of live events in Pittsburgh to new and existing audiences applying service design research methodologies.
Original Task
During Semester
1
Design a multichannel service that includes both digital and physical aspects.
2
Increase the appeal of live events in Pittsburgh to new and existing audiences applying service design research methodologies.
Original Task
During Semester
1
Design a multichannel service that includes both digital and physical aspects.
2
Increase the appeal of live events in Pittsburgh to new and existing audiences applying service design research methodologies.
Self Challenge
During Summer
1
Develop a viable mobile app prototype from zero-to-one
2
Build a design system based on the initial brand concept that can be applied across UI/UX and brand marketing leveraging my experience as a marketing professional.
Self Challenge
During Summer
1
Develop a viable mobile app prototype from zero-to-one
2
Build a design system based on the initial brand concept that can be applied across UI/UX and brand marketing leveraging my experience as a marketing professional.
Self Challenge
During Summer
1
Develop a viable mobile app prototype from zero-to-one
2
Build a design system based on the initial brand concept that can be applied across UI/UX and brand marketing leveraging my experience as a marketing professional.
Self Challenge
During Summer
1
Develop a viable mobile app prototype from zero-to-one
2
Build a design system based on the initial brand concept that can be applied across UI/UX and brand marketing leveraging my experience as a marketing professional.
Self Challenge
During Summer
1
Develop a viable mobile app prototype from zero-to-one
2
Build a design system based on the initial brand concept that can be applied across UI/UX and brand marketing leveraging my experience as a marketing professional.
Summary
Why do we have to stand in line for merch?
Arch started with a simple question: why should fans wait in line for merch, even at smaller concerts? This idea evolved into a platform that strengthens the connection between small, local artists and their fans by delivering a hassle-free concert merchandise shopping experience.
Summary
Why do we have to stand in line for merch?
Arch started with a simple question: why should fans wait in line for merch, even at smaller concerts? This idea evolved into a platform that strengthens the connection between small, local artists and their fans by delivering a hassle-free concert merchandise shopping experience.
Summary
Why do we have to stand in line for merch?
Arch started with a simple question: why should fans wait in line for merch, even at smaller concerts? This idea evolved into a platform that strengthens the connection between small, local artists and their fans by delivering a hassle-free concert merchandise shopping experience.
Summary
Why do we have to stand in line for merch?
Arch started with a simple question: why should fans wait in line for merch, even at smaller concerts? This idea evolved into a platform that strengthens the connection between small, local artists and their fans by delivering a hassle-free concert merchandise shopping experience.
Summary
Why do we have to stand in line for merch?
Arch started with a simple question: why should fans wait in line for merch, even at smaller concerts? This idea evolved into a platform that strengthens the connection between small, local artists and their fans by delivering a hassle-free concert merchandise shopping experience.
Solution
Arch as a bridge connecting artists and merch with their fans.
As the name suggests, Arch bridges the gap between local artists and their fans. Arch app offers emerging artists a platform to create and sell merchandise with increased visibility. By leveraging fan engagement through online voting, Arch aims to boost artists' revenue while fostering a stronger sense of community among fans.
Solution
Arch as a bridge connecting artists and merch with their fans.
As the name suggests, Arch bridges the gap between local artists and their fans. Arch app offers emerging artists a platform to create and sell merchandise with increased visibility. By leveraging fan engagement through online voting, Arch aims to boost artists' revenue while fostering a stronger sense of community among fans.
Solution
Arch as a bridge connecting artists and merch with their fans.
As the name suggests, Arch bridges the gap between local artists and their fans. Arch app offers emerging artists a platform to create and sell merchandise with increased visibility. By leveraging fan engagement through online voting, Arch aims to boost artists' revenue while fostering a stronger sense of community among fans.
Solution
Arch as a bridge connecting artists and merch with their fans.
As the name suggests, Arch bridges the gap between local artists and their fans. Arch app offers emerging artists a platform to create and sell merchandise with increased visibility. By leveraging fan engagement through online voting, Arch aims to boost artists' revenue while fostering a stronger sense of community among fans.
Solution
Arch as a bridge connecting artists and merch with their fans.
As the name suggests, Arch bridges the gap between local artists and their fans. Arch app offers emerging artists a platform to create and sell merchandise with increased visibility. By leveraging fan engagement through online voting, Arch aims to boost artists' revenue while fostering a stronger sense of community among fans.
01/ Main Features
01/ Main Features
01/ Main Features
01/ Main Features
01/ Main Features
FEATURE 1-Home & Artist Feed
Stay updated all in one page
Home page keeps users informed about new merch or live events while allowing them to directly connect with their favorite artists.
FEATURE 1-Home & Artist Feed
Stay updated all in one page
Home page keeps users informed about new merch or live events while allowing them to directly connect with their favorite artists.
FEATURE 1-Home & Artist Feed
Stay updated all in one page
Home page keeps users informed about new merch or live events while allowing them to directly connect with their favorite artists.
FEATURE 1-Home & Artist Feed
Stay updated all in one page
Home page keeps users informed about new merch or live events while allowing them to directly connect with their favorite artists.
FEATURE 1-Home & Artist Feed
Stay updated all in one page
Home page keeps users informed about new merch or live events while allowing them to directly connect with their favorite artists.
FEATURE 2-VOTE
Cast a vote to show your support!
Merch is fans' love language. Through online voting, fans can support their favorite artists by helping them choose final designs and accurately estimate the right amount for production.
FEATURE 2-VOTE
Cast a vote to show your support!
Merch is fans' love language. Through online voting, fans can support their favorite artists by helping them choose final designs and accurately estimate the right amount for production.
FEATURE 2-VOTE
Cast a vote to show your support!
Merch is fans' love language. Through online voting, fans can support their favorite artists by helping them choose final designs and accurately estimate the right amount for production.
FEATURE 2-VOTE
Cast a vote to show your support!
Merch is fans' love language. Through online voting, fans can support their favorite artists by helping them choose final designs and accurately estimate the right amount for production.
FEATURE 2-VOTE
Cast a vote to show your support!
Merch is fans' love language. Through online voting, fans can support their favorite artists by helping them choose final designs and accurately estimate the right amount for production.
FEATURE 3-PICK-UP
Skip the rush, plan ahead
Users can conveniently schedule self-pickups and track their orders.
FEATURE 3-PICK-UP
Skip the rush, plan ahead
Users can conveniently schedule self-pickups and track their orders.
FEATURE 3-PICK-UP
Skip the rush, plan ahead
Users can conveniently schedule self-pickups and track their orders.
FEATURE 3-PICK-UP
Skip the rush, plan ahead
Users can conveniently schedule self-pickups and track their orders.
FEATURE 3-PICK-UP
Skip the rush, plan ahead
Users can conveniently schedule self-pickups and track their orders.
FEATURE 4- EASY QR TAP
No more lines. Just a tap.
With a single tap, users can activate a scannable QR code to quickly check and collect their orders at concerts, without long lines.
FEATURE 4- EASY QR TAP
No more lines. Just a tap.
With a single tap, users can activate a scannable QR code to quickly check and collect their orders at concerts, without long lines.
FEATURE 4- EASY QR TAP
No more lines. Just a tap.
With a single tap, users can activate a scannable QR code to quickly check and collect their orders at concerts, without long lines.
FEATURE 4- EASY QR TAP
No more lines. Just a tap.
With a single tap, users can activate a scannable QR code to quickly check and collect their orders at concerts, without long lines.
FEATURE 4- EASY QR TAP
No more lines. Just a tap.
With a single tap, users can activate a scannable QR code to quickly check and collect their orders at concerts, without long lines.
02/ Problem Space
Hypothesis
What if we make a merch pick-up service without long lines?
Through our preliminary research into the live concert ecosystem, we discovered that there are significant inconveniences in the current merchandise shopping experience. Given the task to address a single impactful issue in the physical world, we refined our focus and developed a service concept centered around merchandise pick-up.
Hypothesis
What if we make a merch pick-up service without long lines?
Through our preliminary research into the live concert ecosystem, we discovered that there are significant inconveniences in the current merchandise shopping experience. Given the task to address a single impactful issue in the physical world, we refined our focus and developed a service concept centered around merchandise pick-up.
Hypothesis
What if we make a merch pick-up service without long lines?
Through our preliminary research into the live concert ecosystem, we discovered that there are significant inconveniences in the current merchandise shopping experience. Given the task to address a single impactful issue in the physical world, we refined our focus and developed a service concept centered around merchandise pick-up.
Hypothesis
What if we make a merch pick-up service without long lines?
Through our preliminary research into the live concert ecosystem, we discovered that there are significant inconveniences in the current merchandise shopping experience. Given the task to address a single impactful issue in the physical world, we refined our focus and developed a service concept centered around merchandise pick-up.
Hypothesis
What if we make a merch pick-up service without long lines?
Through our preliminary research into the live concert ecosystem, we discovered that there are significant inconveniences in the current merchandise shopping experience. Given the task to address a single impactful issue in the physical world, we refined our focus and developed a service concept centered around merchandise pick-up.
03/ Research
CONSTITUENT INTERVIEWS
What are the real issues behind long lines?
Over 4 weeks, we conducted 7 interviews and I interviewed 3 fans and 1 artist, including a Pittsburgh-based rapper, Fungiflows.
Our goal was to understand the value that custom merch brings to emerging local artists, what fans seek, and how they evaluate the current shopping experience. We had a few rough ideas bouncing around and wanted to refine them by getting feedback from real artists.
research questions (artists)
As-Is How do you currently engage with fans? What methods/platforms do you use?
Difficulties What was your past experience of merch making like? What were the biggest challenges?
Idea Feedback What are your thoughts on our concept? Additional points to consider?
PAINPOINTS investigation
Diving deeper into unmet needs
Through our interviews and feedback on the initial concept, we uncovered additional underlying issues, such as demand uncertainty for artists and limited availability for fans. Fans of smaller artists also emphasized that purchasing merchandise is not just for fun, but as a way to show support. To design a service that effectively addresses these needs, we asked the following questions under three issues:
Production Risk
How can we help artists reduce the risk of over-manufacturing and manage demand uncertainty?
Queue Fatigue
Fans typically have to arrive earlier and wait in lines for merch
Availability Issue
Fans also face frustratrations when unexpected soldouts occur at the concerts.
Production Risk
How can we help artists reduce the risk of over-manufacturing and manage demand uncertainty?
Queue Fatigue
Fans typically have to arrive earlier and wait in lines for merch
Availability Issue
Fans also face frustratrations when unexpected soldouts occur at the concerts.
Production Risk
How can we help artists reduce the risk of over-manufacturing and manage demand uncertainty?
Queue Fatigue
Fans typically have to arrive earlier and wait in lines for merch
Availability Issue
Fans also face frustratrations when unexpected soldouts occur at the concerts.
Production Risk
How can we help artists reduce the risk of over-manufacturing and manage demand uncertainty?
Queue Fatigue
Fans typically have to arrive earlier and wait in lines for merch
Availability Issue
Fans also face frustratrations when unexpected soldouts occur at the concerts.
Production Risk
How can we help artists reduce the risk of over-manufacturing and manage demand uncertainty?
Queue Fatigue
Fans typically have to arrive earlier and wait in lines for merch
Availability Issue
Fans also face frustratrations when unexpected soldouts occur at the concerts.
research Frameworks we used
RESEARCH FRAMEWORKS
Exploring opportunities in the current ecosystem
We tried to answer three questions above by implementing service design frameworks. In particular, value flow diagraming and business model analysis helped us receive valuable feedback from professionals during class and refine our final concept.
04/ Key Insights
Setting goals for our app features
Aligning fans' desires with artists' needs
By synthesizing findings from research and our interviews, we identified three areas where our app features must focus on.
Setting goals for our app features
Aligning fans' desires with artists' needs
By synthesizing findings from research and our interviews, we identified three areas where our app features must focus on.
Setting goals for our app features
Aligning fans' desires with artists' needs
By synthesizing findings from research and our interviews, we identified three areas where our app features must focus on.
Setting goals for our app features
Aligning fans' desires with artists' needs
By synthesizing findings from research and our interviews, we identified three areas where our app features must focus on.
Setting goals for our app features
Aligning fans' desires with artists' needs
By synthesizing findings from research and our interviews, we identified three areas where our app features must focus on.
1
Artists need risk management
Small artists often struggle to determine the right amount of merchandise to produce. For example, Fungiflows, a Pittsburgh-based rapper we interviewed, wanted to create a specific item but couldn’t, due to high production costs and uncertainty about demand.
1
Artists need risk management
1
Artists need risk management
Small artists often struggle to determine the right amount of merchandise to produce. For example, Fungiflows, a Pittsburgh-based rapper we interviewed, wanted to create a specific item but couldn’t, due to high production costs and uncertainty about demand.
1
Artists need risk management
Small artists often struggle to determine the right amount of merchandise to produce. For example, Fungiflows, a Pittsburgh-based rapper we interviewed, wanted to create a specific item but couldn’t, due to high production costs and uncertainty about demand.
1
Artists need risk management
2
Fans want to show support and artists seek support
Small artists' fans buy merch to show their support to artists. Some fans are particularly conscious of how their purchases directly benefit the artists.
2
Fans want to show support and artists seek support
2
Fans want to show support and artists seek support
Small artists' fans buy merch to show their support to artists. Some fans are particularly conscious of how their purchases directly benefit the artists.
2
Fans want to show support and artists seek support
Small artists' fans buy merch to show their support to artists. Some fans are particularly conscious of how their purchases directly benefit the artists.
2
Fans want to show support and artists seek support
3
Fans want a simpler way to browse and ensure availability
Right now, they have to navigate multiple websites and social media platforms to stay updated on concert merch, which is inconvenient. At concerts, they face long waits and the frustration of unexpected sell-outs.
3
Fans want a simpler way to browse and ensure availability
3
Fans want a simpler way to browse and ensure availability
Right now, they have to navigate multiple websites and social media platforms to stay updated on concert merch, which is inconvenient. At concerts, they face long waits and the frustration of unexpected sell-outs.
3
Fans want a simpler way to browse and ensure availability
Right now, they have to navigate multiple websites and social media platforms to stay updated on concert merch, which is inconvenient. At concerts, they face long waits and the frustration of unexpected sell-outs.
3
Fans want a simpler way to browse and ensure availability
05/ Design Process
Information Architecture
Insights Into Features
Based on the key insights, I created a basic sitemap to visualize the structure of the app and define priorities.
Information Architecture
Insights Into Features
Based on the key insights, I created a basic sitemap to visualize the structure of the app and define priorities.
Information Architecture
Insights Into Features
Based on the key insights, I created a basic sitemap to visualize the structure of the app and define priorities.
Information Architecture
Insights Into Features
Based on the key insights, I created a basic sitemap to visualize the structure of the app and define priorities.
Information Architecture
Insights Into Features
Based on the key insights, I created a basic sitemap to visualize the structure of the app and define priorities.
Wireframes
Lofi to MidFi
Focuing on the main flows, I explored wireframes in slightly more fidelity, including different layouts of information and interactions.
Wireframes
Lofi to MidFi
Focuing on the main flows, I explored wireframes in slightly more fidelity, including different layouts of information and interactions.
Wireframes
Lofi to MidFi
Focuing on the main flows, I explored wireframes in slightly more fidelity, including different layouts of information and interactions.
Wireframes
Lofi to MidFi
Focuing on the main flows, I explored wireframes in slightly more fidelity, including different layouts of information and interactions.
Wireframes
Lofi to MidFi
Focuing on the main flows, I explored wireframes in slightly more fidelity, including different layouts of information and interactions.
06/ Design Iterations
challenge 1
Enhancing usability in the pick-up process
challenge 1
Not making users 'think' during the pick-up process
challenge 1
Enhancing usability in the pick-up process
challenge 1
Enhancing usability in the pick-up process
challenge 1
Not making users 'think' during the pick-up process
⚠️ I’m not sure what to click
💡Everything is seamless and smooth!
⚠️ I’m not sure where this button will lead
💡I am sure what to click for pick-up
Adjusted UI structure and UX writing to enhance user navigation
After receiving feedback, I simplified UX writing and adjusted button layouts to optimize user navigation.
I also repositioned buttons by using a button dock, reordering them based on the importance.
Hierarchy
Primary color was used excessively and caused confusion. (I know it was a silly mistake 😅)
Hierarchy
Primary color was used excessively and caused confusion. (I know it was a silly mistake 😅)
Hierarchy
Primary color was used excessively and caused confusion. (I know it was a silly mistake 😅)
Hierarchy
Primary color was used excessively and caused confusion. (I know it was a silly mistake 😅)
Hierarchy
Primary color was used excessively and caused confusion. (I know it was a silly mistake 😅)
Hierarchy
Accessibility issue with the buttons using different copies and lacking text labels.
Hierarchy
Accessibility issue with the buttons using different copies and lacking text labels.
Hierarchy
Accessibility issue with the buttons using different copies and lacking text labels.
Hierarchy
Accessibility issue with the buttons using different copies and lacking text labels.
Hierarchy
Accessibility issue with the buttons using different copies and lacking text labels.
Hierarchy
Buttons were placed without considering the most important user flow.
Hierarchy
Buttons were placed without considering the most important user flow.
Hierarchy
Buttons were placed without considering the most important user flow.
Hierarchy
Buttons were placed without considering the most important user flow.
Hierarchy
Buttons were placed without considering the most important user flow.
Hierarchy
Vertical scroll area was too long to reach the buttons.
Hierarchy
Vertical scroll area was too long to reach the buttons.
Hierarchy
Vertical scroll area was too long to reach the buttons.
Hierarchy
Vertical scroll area was too long to reach the buttons.
Hierarchy
Vertical scroll area was too long to reach the buttons.
Hierarchy
Unified QR button and CTA copies to reduce confusion and enhance accessibility.
Hierarchy
Unified QR button and CTA copies to reduce confusion and enhance accessibility.
Hierarchy
Unified QR button and CTA copies to reduce confusion and enhance accessibility.
Hierarchy
Unified QR button and CTA copies to reduce confusion and enhance accessibility.
Hierarchy
Unified QR button and CTA copies to reduce confusion and enhance accessibility.
Hierarchy
Added fixed button dock to improve usability and decision making.
Hierarchy
Added fixed button dock to improve usability and decision making.
Hierarchy
Added fixed button dock to improve usability and decision making.
Hierarchy
Added fixed button dock to improve usability and decision making.
Hierarchy
Added fixed button dock to improve usability and decision making.
Hierarchy
Given its highest priority, the pick-up CTA is placed consistently at the bottom to enhance the seamless pick-up experience.
Hierarchy
Given its highest priority, the pick-up CTA is placed consistently at the bottom to enhance the seamless pick-up experience.
Hierarchy
Given its highest priority, the pick-up CTA is placed consistently at the bottom to enhance the seamless pick-up experience.
Hierarchy
Given its highest priority, the pick-up CTA is placed consistently at the bottom to enhance the seamless pick-up experience.
Hierarchy
Given its highest priority, the pick-up CTA is placed consistently at the bottom to enhance the seamless pick-up experience.
challenge 2
Rescoping UX features based on buisness goals
challenge 2
Rescoping UX features based on buisness goals
challenge 2
Rescoping UX features based on buisness goals
challenge 2
Rescoping UX features based on buisness goals
challenge 2
Rescoping UX features based on buisness goals
⚠️ How can I respond to the artists's posts?
💡 Content felt easier to engage with.
Ensuring that each feature aligns with the business purpose
In the beginning, an Instagram story-like real-time video sharing UX was implemented, but there was no UI for fans to react or respond to the artist's messages.
Based on user testing, I decided to remove the video sharing feature and focus on a feed-like feature to increase user engagement.
Hierarchy
The video sharing feature was added without clear purpose.
Hierarchy
The video sharing feature was added without clear purpose.
Hierarchy
The video sharing feature was added without clear purpose.
Hierarchy
The video sharing feature was added without clear purpose.
Hierarchy
The video sharing feature was added without clear purpose.
Hierarchy
There was no feedback UI for fans to interact with the Artist's Feed content.
Hierarchy
There was no feedback UI for fans to interact with the Artist's Feed content.
Hierarchy
There was no feedback UI for fans to interact with the Artist's Feed content.
Hierarchy
There was no feedback UI for fans to interact with the Artist's Feed content.
Hierarchy
There was no feedback UI for fans to interact with the Artist's Feed content.
Hierarchy
Too many visual elements and redundant information on the Artist page.
Hierarchy
Too many visual elements and redundant information on the Artist page.
Hierarchy
Too many visual elements and redundant information on the Artist page.
Hierarchy
Too many visual elements and redundant information on the Artist page.
Hierarchy
Too many visual elements and redundant information on the Artist page.
Hierarchy
Eliminated the video sharing feature and added chip UI instead to allow users to filter the content they want to view.
Hierarchy
Eliminated the video sharing feature and added chip UI instead to allow users to filter the content they want to view.
Hierarchy
Eliminated the video sharing feature and added chip UI instead to allow users to filter the content they want to view.
Hierarchy
Eliminated the video sharing feature and added chip UI instead to allow users to filter the content they want to view.
Hierarchy
Eliminated the video sharing feature and added chip UI instead to allow users to filter the content they want to view.
Hierarchy
Added the feedback UI to facilitate interaction between fans and artists.
Hierarchy
Added the feedback UI to facilitate interaction between fans and artists.
Hierarchy
Added the feedback UI to facilitate interaction between fans and artists.
Hierarchy
Added the feedback UI to facilitate interaction between fans and artists.
Hierarchy
Added the feedback UI to facilitate interaction between fans and artists.
Hierarchy
Reduced the excessive use of visuals and re-arranged the layout based on content hierarchy.
Hierarchy
Reduced the excessive use of visuals and re-arranged the layout based on content hierarchy.
Hierarchy
Reduced the excessive use of visuals and re-arranged the layout based on content hierarchy.
Hierarchy
Reduced the excessive use of visuals and re-arranged the layout based on content hierarchy.
Hierarchy
Reduced the excessive use of visuals and re-arranged the layout based on content hierarchy.
⚠️ How can I respond to the artists's posts?
💡I can easily find and react to the content
⚠️ How can I respond to the artists's posts?
💡I can easily find and react to the content
challenge 3
Adding Interactivity to increase user engagement
challenge 3
Adding Interactivity to increase user engagement
challenge 3
Adding Interactivity to increase user engagement
challenge 3
Adding Interactivity to increase user engagement
challenge 3
Adding Interactivity to increase user engagement
💡 What if we could increase the sense of community when voting for merch?
Micro-animations and increased visibility of fan support during the merchandise voting process
Based on user research, I learned that supporting artists was one of the main goals of the fans.
With a product-oriented mindset, I found it useful to add interactive features to increase user engagement.
Hierarchy
Through iterations, the original flat, text-based UI evolved into a more engaging interface with micro-animations.
Hierarchy
Through iterations, the original flat, text-based UI evolved into a more engaging interface with micro-animations.
Hierarchy
Through iterations, the original flat, text-based UI evolved into a more engaging interface with micro-animations.
Hierarchy
Through iterations, the original flat, text-based UI evolved into a more engaging interface with micro-animations.
Hierarchy
Through iterations, the original flat, text-based UI evolved into a more engaging interface with micro-animations.
Hierarchy
Micro-animations were added to enhance user engagement and create a more delightful experience.
Hierarchy
Micro-animations were added to enhance user engagement and create a more delightful experience.
Hierarchy
Micro-animations were added to enhance user engagement and create a more delightful experience.
Hierarchy
Micro-animations were added to enhance user engagement and create a more delightful experience.
Hierarchy
Micro-animations were added to enhance user engagement and create a more delightful experience.
Hierarchy
Updated the UX writing to promote user engagement and strengthen the sense of support for the artists, which was the primary goal of the merch vote.
Hierarchy
Updated the UX writing to promote user engagement and strengthen the sense of support for the artists, which was the primary goal of the merch vote.
Hierarchy
Updated the UX writing to promote user engagement and strengthen the sense of support for the artists, which was the primary goal of the merch vote.
Hierarchy
Updated the UX writing to promote user engagement and strengthen the sense of support for the artists, which was the primary goal of the merch vote.
Hierarchy
Updated the UX writing to promote user engagement and strengthen the sense of support for the artists, which was the primary goal of the merch vote.
Hierarchy
Displaying the number of fans helps users feel connected to a larger community.
Hierarchy
Displaying the number of fans helps users feel connected to a larger community.
Hierarchy
Displaying the number of fans helps users feel connected to a larger community.
Hierarchy
Displaying the number of fans helps users feel connected to a larger community.
Hierarchy
Displaying the number of fans helps users feel connected to a larger community.
💡 What if we could increase the sense of community when voting for merch?
07/ Branding
DESIgn principles
Simplicity
Simple and intuitive design system to allows an easier navigation.
Connectedness
All elements are carefully designed to help fans find more connections with other fans and artists.
Clear Hierarchy
Clean and well-organized look by maintaining a consistent design system.
Simplicity
Simple and intuitive design system to allows an easier navigation.
Connectedness
All elements are carefully designed to help fans find more connections with other fans and artists.
Clear Hierarchy
Clean and well-organized look by maintaining a consistent design system.
Simplicity
Simple and intuitive design system to allows an easier navigation.
Connectedness
All elements are carefully designed to help fans find more connections with other fans and artists.
Clear Hierarchy
Clean and well-organized look by maintaining a consistent design system.
Simplicity
Simple and intuitive design system to allows an easier navigation.
Connectedness
All elements are carefully designed to help fans find more connections with other fans and artists.
Clear Hierarchy
Clean and well-organized look by maintaining a consistent design system.
Simplicity
Simple and intuitive design system to allows an easier navigation.
Connectedness
All elements are carefully designed to help fans find more connections with other fans and artists.
Clear Hierarchy
Clean and well-organized look by maintaining a consistent design system.
LOGO DESIGN
LOGO ANIMATION
style guide
Social Branding Content
08/ Takeaways
1
Understanding the bigger picture
1
Understanding the bigger picture
1
Understanding the bigger picture
1
Understanding the bigger picture
1
Understanding the bigger picture
2
Convincing clients that this would work
2
Convincing clients that this would work
2
Convincing clients that this would work
2
Convincing clients that this would work
2
Convincing clients that this would work
3
Experience of creating an entire system
3
Experience of creating an entire system
3
Experience of creating an entire system
3
Experience of creating an entire system
3