This case study is a research project for designing a fitness app for young working professionals. I did the Research using various UX methods to generate data that would be helpful to ideate for different screens.
User Research
Ideation
Wireframing
Prototyping
Figma
Miro
Research target user to find out their needs and reqiurments. Based on research data generate idea and create prototype for those ideas.
I outlined a path to take to achieve the goals of the project. The decision tree shows what methods were chosen initially for gathering data. Although this decision tree was started at the beginning it was altered during each phase to align with the research data and needs. The decision tree helps to visualize research and remain focused.
I interviewed 5 users to gather initial data. I asked specific questions related to their motivations to stay fit and what stops them from exercising. Then I organized data from interviews using affinity mapping. This helped to pick pain points that need to be tackled through the app design.
A single user persona is created for the target group that will use the fitness app. The needs and goals of our users are defined in the persona that will help us to empathize with the users while the design for them.
These questions are generated from the results of affinity mapping. Posing questions to the problem helps to broaden the spectrum and find out the right solutions for the identified problems.
POV statement is generated to define the problems that we have to solve with our design process. It identifies where the user is right now and where they want to be by using the product (fitness app). POV will be a guide to address the issues throughout the design thinking process.
Ideas were generated for the first few screens based on the data gathered from the empathy and defined stages of the design thinking process. Ideation is an iterating process based on the testing data new idea could be generated.
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.
I outlined a path to take to achieve the goals of the project. The decision tree shows what methods were chosen initially for gathering data. Although this decision tree was started at the beginning it was altered during each phase to align with the research data and needs. The decision tree helps to visualize research and remain focused.
I interviewed 5 users to gather initial data. I asked specific questions related to their motivations to stay fit and what stops them from exercising. Then I organized data from interviews using affinity mapping. This helped to pick pain points that need to be tackled through the app design.
A single user persona is created for the target group that will use the fitness app. The needs and goals of our users are defined in the persona that will help us to empathize with the users while the design for them.
These questions are generated from the results of affinity mapping. Posing questions to the problem helps to broaden the spectrum and find out the right solutions for the identified problems.
POV statement is generated to define the problems that we have to solve with our design process. It identifies where the user is right now and where they want to be by using the product (fitness app). POV will be a guide to address the issues throughout the design thinking process.
Ideas were generated for the first few screens based on the data gathered from the empathy and defined stages of the design thinking process. Ideation is an iterating process based on the testing data new idea could be generated.
This is a branding project for an art festival named "Modart". Different branding items were designed in illustrator as part of this conceptual project.
Website of a local bicycle producing company that shows background of the company and details of their unique bikes manufacturing.
Website of a fast food restaurant. A unique interface where user can customise ingredients using an interactive layout.
This is a conceptual redesign of the otto.de website which is an ecommerce giant in Germany.
This website was designed to give a 3D virtual tour of house to the user. User can scroll through the interactive layout.
Website of a local website company that shows background of the company and details of their unique bikes manufacturing.
This is a conceptual redesign of the otto.de website which is an ecommerce giant in Germany.