Forbes Magazine
A walkthrough of my mobile app redesign for Forbes Magazine’s app
PROCESS HIGHLIGHTS
BACKGROUND
RESEARCH
RESEARCH
RESEARCH
SYNTHESIS
IDEATION
IDEATION
REFLECTION
FINAL DESIGNS
Design challenge and responsibilities overview
Understanding the company and their goals
Desk Research
Competitor Analysis
Identifying Problems
User Persona
Developing a Solution
Wireframes
Conclusion
More Case Studies
Final Prototype
Onboarding
Main Screens
Side Navigation
The Process
Challenge
Timeline
Research
Synthesis
Ideation
Final Designs
Reflection
Disciplines
Responsibilities
Tools
Opportunity
Class Prompt: Redesign a mobile app or website.
Redesign the Forbes Magazine App to reflect the website and create a better reading/searching experience.
The app intends to provide you with a unique magazine experience that seamlessly integrates Forbes' content with Forbes magazines on your mobile device. Inside these magazines, you'll discover stories about influential entrepreneurs, innovative companies, and valuable strategic insights. Forbes, known as the voice of entrepreneurial capitalism, with over 140 million global readers, is a trusted source for business and finance insights.
Before starting on the redesigns, I wanted to first look at Forbes’ website to see what key details the mobile app was missing. After doing some research, I realized how limited the mobile app truly was; things as simple as having categories were not included in the mobile app.
My competitor analysis involves delving into how Forbes caters to the needs of people looking for informative news based on their interests, and specifically examining how competitors like the New York Times, Business Insider, and the Washington Post create a more accessible and user-friendly reading/searching experience.
After conducting desk research and competitor analysis, I wanted to direct my attention to real users, focusing on issues people actually have as they are actively using it was key to finding what needed to be improved. Below are some of the most critical feedback from the App store.
To define the problem, users want enhanced customization options and features, along with a more user-friendly navigation system. This entails the incorporation of features such as a search engine, categories, font size adjustment, light/dark mode, notification settings, and the ability to save and comment on content.
To understand the user better, I developed a user persona to represent our ideal user. Specifically, Forbes magazine caters to a broad and diverse readership, encompassing business professionals, entrepreneurs, investors, executives, and individuals interested in finance and business-related topics. Its monthly digital platform draws approximately 46 million unique visitors, with 58% male and 42% female users. Notably, 43% of users fall within the age range of 30 to 49 years old.
After identifying common pain points and developing strategies to address them, my solution involves designing an onboarding screen that enables users to specify their preferences and requirements from the start, ensuring a tailored experience. Given my emphasis on usability, a bottom navigation bar is crucial, highlighting sections such as News, Videos, Magazines, and Following. Additionally, a side navigation panel will be incorporated, granting users access to their profile, history, highlights, and settings.
After conceptualizing a design direction, I began crafting mid-fidelity wireframes to visualize my intentions for the redesign. This primarily focused on the onboarding process and several other key features I aimed to incorporate.
After completing this case study for my Visual Design Studio class, I reflected on how much stronger I have become as a designer. I employed more technical techniques such as auto-layout, grids, and others, making my designs more consistent and structured. Additionally, I have grown as an interaction designer by practicing prototyping how users would realistically click certain buttons and anticipate their interactions. However, I believe the most significant growth for me was in my design thinking. I now approach design with a stronger focus on finding details for improvement and incorporating more UX thinking before diving into designs. I eagerly anticipate the next project I undertake!
By creating an onboarding process, it allows users to customize their app experience early on, not only by selecting topics they like, but also by configuring their entire reading experience and notification settings.
For the main screens, I added longer bottom navigation bars that better reflect the website. In my update, users have the same experience as before, viewing their magazines, but they can also see where they left off, watch videos, and easily change what they want to follow.
With the addition of a side navigation, you have easier access to your saved stories and history, while also having settings that can adjust your initial app settings. In my demo, I showed how you would be able to switch from light to dark mode in just a few simple steps.
October 11-31, 2024
User Experience Design
UX Research
Figma
Notion
Design Thinking
Wireframing
Prototyping
User Interface Design
1
2
3
4
5
Desk Research
Persona
Developing a Solution
Final Prototype
Conclusion
Wireframes
Competitor Analysis
Identifying Problems
Subaqua
UX/UI & Product Design
An App made to Improve Freediver’s Diving Trips
Afterglow
UX & Product Design
Your Story. Your Legacy.
Forbes Magazine
A walkthrough of my mobile app redesign for Forbes Magazine’s app
PROCESS HIGHLIGHTS
BACKGROUND
RESEARCH
RESEARCH
RESEARCH
SYNTHESIS
IDEATION
IDEATION
REFLECTION
FINAL DESIGNS
Design challenge and responsibilities overview
Understanding the company and their goals
Desk Research
Competitor Analysis
Identifying Problems
User Persona
Developing a Solution
Wireframes
Conclusion
More Case Studies
Final Prototype
Onboarding
Main Screens
Side Navigation
The Process
Challenge
Timeline
Research
Synthesis
Ideation
Final Designs
Reflection
Disciplines
Responsibilities
Tools
Opportunity
Class Prompt: Redesign a mobile app or website.
Redesign the Forbes Magazine App to reflect the website and create a better reading/searching experience.
The app intends to provide you with a unique magazine experience that seamlessly integrates Forbes' content with Forbes magazines on your mobile device. Inside these magazines, you'll discover stories about influential entrepreneurs, innovative companies, and valuable strategic insights. Forbes, known as the voice of entrepreneurial capitalism, with over 140 million global readers, is a trusted source for business and finance insights.
Before starting on the redesigns, I wanted to first look at Forbes’ website to see what key details the mobile app was missing. After doing some research, I realized how limited the mobile app truly was; things as simple as having categories were not included in the mobile app.
My competitor analysis involves delving into how Forbes caters to the needs of people looking for informative news based on their interests, and specifically examining how competitors like the New York Times, Business Insider, and the Washington Post create a more accessible and user-friendly reading/searching experience.
After conducting desk research and competitor analysis, I wanted to direct my attention to real users, focusing on issues people actually have as they are actively using it was key to finding what needed to be improved. Below are some of the most critical feedback from the App store.
To define the problem, users want enhanced customization options and features, along with a more user-friendly navigation system. This entails the incorporation of features such as a search engine, categories, font size adjustment, light/dark mode, notification settings, and the ability to save and comment on content.
To understand the user better, I developed a user persona to represent our ideal user. Specifically, Forbes magazine caters to a broad and diverse readership, encompassing business professionals, entrepreneurs, investors, executives, and individuals interested in finance and business-related topics. Its monthly digital platform draws approximately 46 million unique visitors, with 58% male and 42% female users. Notably, 43% of users fall within the age range of 30 to 49 years old.
After identifying common pain points and developing strategies to address them, my solution involves designing an onboarding screen that enables users to specify their preferences and requirements from the start, ensuring a tailored experience. Given my emphasis on usability, a bottom navigation bar is crucial, highlighting sections such as News, Videos, Magazines, and Following. Additionally, a side navigation panel will be incorporated, granting users access to their profile, history, highlights, and settings.
After conceptualizing a design direction, I began crafting mid-fidelity wireframes to visualize my intentions for the redesign. This primarily focused on the onboarding process and several other key features I aimed to incorporate.
After completing this case study for my Visual Design Studio class, I reflected on how much stronger I have become as a designer. I employed more technical techniques such as auto-layout, grids, and others, making my designs more consistent and structured. Additionally, I have grown as an interaction designer by practicing prototyping how users would realistically click certain buttons and anticipate their interactions. However, I believe the most significant growth for me was in my design thinking. I now approach design with a stronger focus on finding details for improvement and incorporating more UX thinking before diving into designs. I eagerly anticipate the next project I undertake!
By creating an onboarding process, it allows users to customize their app experience early on, not only by selecting topics they like, but also by configuring their entire reading experience and notification settings.
For the main screens, I added longer bottom navigation bars that better reflect the website. In my update, users have the same experience as before, viewing their magazines, but they can also see where they left off, watch videos, and easily change what they want to follow.
With the addition of a side navigation, you have easier access to your saved stories and history, while also having settings that can adjust your initial app settings. In my demo, I showed how you would be able to switch from light to dark mode in just a few simple steps.
October 11-31, 2024
User Experience Design
UX Research
Figma
Notion
Design Thinking
Wireframing
Prototyping
User Interface Design
1
2
3
4
5
Desk Research
Persona
Developing a Solution
Final Prototype
Conclusion
Wireframes
Competitor Analysis
Identifying Problems
Subaqua
UX/UI & Product Design
An App made to Improve Freediver’s Diving Trips
Afterglow
UX & Product Design
Your Story. Your Legacy.
Forbes Magazine
A walkthrough of my mobile app redesign for Forbes Magazine’s app
PROCESS HIGHLIGHTS
BACKGROUND
RESEARCH
RESEARCH
RESEARCH
SYNTHESIS
IDEATION
IDEATION
REFLECTION
FINAL DESIGNS
Design challenge and responsibilities overview
Understanding the company and their goals
Desk Research
Competitor Analysis
Identifying Problems
User Persona
Developing a Solution
Wireframes
Conclusion
More Case Studies
Final Prototype
Onboarding
Main Screens
Side Navigation
The Process
Challenge
Timeline
Research
Synthesis
Ideation
Final Designs
Reflection
Disciplines
Responsibilities
Tools
Opportunity
Class Prompt: Redesign a mobile app or website.
Redesign the Forbes Magazine App to reflect the website and create a better reading/searching experience.
The app intends to provide you with a unique magazine experience that seamlessly integrates Forbes' content with Forbes magazines on your mobile device. Inside these magazines, you'll discover stories about influential entrepreneurs, innovative companies, and valuable strategic insights. Forbes, known as the voice of entrepreneurial capitalism, with over 140 million global readers, is a trusted source for business and finance insights.
Before starting on the redesigns, I wanted to first look at Forbes’ website to see what key details the mobile app was missing. After doing some research, I realized how limited the mobile app truly was; things as simple as having categories were not included in the mobile app.
My competitor analysis involves delving into how Forbes caters to the needs of people looking for informative news based on their interests, and specifically examining how competitors like the New York Times, Business Insider, and the Washington Post create a more accessible and user-friendly reading/searching experience.
After conducting desk research and competitor analysis, I wanted to direct my attention to real users, focusing on issues people actually have as they are actively using it was key to finding what needed to be improved. Below are some of the most critical feedback from the App store.
To define the problem, users want enhanced customization options and features, along with a more user-friendly navigation system. This entails the incorporation of features such as a search engine, categories, font size adjustment, light/dark mode, notification settings, and the ability to save and comment on content.
To understand the user better, I developed a user persona to represent our ideal user. Specifically, Forbes magazine caters to a broad and diverse readership, encompassing business professionals, entrepreneurs, investors, executives, and individuals interested in finance and business-related topics. Its monthly digital platform draws approximately 46 million unique visitors, with 58% male and 42% female users. Notably, 43% of users fall within the age range of 30 to 49 years old.
After identifying common pain points and developing strategies to address them, my solution involves designing an onboarding screen that enables users to specify their preferences and requirements from the start, ensuring a tailored experience. Given my emphasis on usability, a bottom navigation bar is crucial, highlighting sections such as News, Videos, Magazines, and Following. Additionally, a side navigation panel will be incorporated, granting users access to their profile, history, highlights, and settings.
After conceptualizing a design direction, I began crafting mid-fidelity wireframes to visualize my intentions for the redesign. This primarily focused on the onboarding process and several other key features I aimed to incorporate.
After completing this case study for my Visual Design Studio class, I reflected on how much stronger I have become as a designer. I employed more technical techniques such as auto-layout, grids, and others, making my designs more consistent and structured. Additionally, I have grown as an interaction designer by practicing prototyping how users would realistically click certain buttons and anticipate their interactions. However, I believe the most significant growth for me was in my design thinking. I now approach design with a stronger focus on finding details for improvement and incorporating more UX thinking before diving into designs. I eagerly anticipate the next project I undertake!
By creating an onboarding process, it allows users to customize their app experience early on, not only by selecting topics they like, but also by configuring their entire reading experience and notification settings.
For the main screens, I added longer bottom navigation bars that better reflect the website. In my update, users have the same experience as before, viewing their magazines, but they can also see where they left off, watch videos, and easily change what they want to follow.
With the addition of a side navigation, you have easier access to your saved stories and history, while also having settings that can adjust your initial app settings. In my demo, I showed how you would be able to switch from light to dark mode in just a few simple steps.
October 11-31, 2024
User Experience Design
UX Research
Figma
Notion
Design Thinking
Wireframing
Prototyping
User Interface Design
1
2
3
4
5
Desk Research
Persona
Developing a Solution
Final Prototype
Conclusion
Wireframes
Competitor Analysis
Identifying Problems
Subaqua
Afterglow
UX/UI & Product Design
UX & Product Design
An App made to Improve Freediver’s Diving Trips
Your Story. Your Legacy.
