Complete App Design Process | UI-UX | Case Study

Опубликовано: 16 Октябрь 2024
на канале: DesignSense
1,844
99

In this video, we take you through the comprehensive process of designing and developing the FitMe app, a cutting-edge fitness app focused on enhancing your squat workouts. From the initial research and planning stages to the final design and handoff, we cover every crucial step. You'll see how we gather insights through user surveys and competitor analysis, create detailed wireframes, and conduct prototype and post-launch testing. Join us to learn the essentials of app design and development, and don't forget to download FitMe from the Play Store to try it out and share your feedback. Your input helps us make the app even better!

------------------------------------------------------------------------------------------------------

Download the app from Playstore:
https://play.google.com/store/apps/de...

-------------------------------------------------------------------------------------------------------

Learn Android Development ✨(80% OFF)✨:
https://www.udemy.com/course/learn-an...

------------------------------------------------------------------------------------------------------

Recraft.AI (Images credit):
https://www.recraft.ai/
.
Pixabay Stock Videos used in the Video:
https://pixabay.com/videos/communicat...
https://pixabay.com/videos/woman-smar...
https://pixabay.com/videos/smartphone...
https://pixabay.com/videos/guy-phone-...
https://pixabay.com/videos/infographi...
https://pixabay.com/videos/gym-fitnes...
https://pixabay.com/videos/gym-fitnes...
https://pixabay.com/videos/student-to...
https://pixabay.com/videos/to-write-t...
https://pixabay.com/videos/work-offic...
https://pixabay.com/videos/man-think-...

----------------------------------------------------------------------------------
Contact Us:
Email: [email protected]
or
Visit our website:
https://designsense.webflow.io/
----------------------------------------------------------------------------------

Follow us:

Visit our website:
https://designsense.webflow.io/

Facebook:
Page:
  / designsense2070  
https://bit.ly/3h5Uafm

Group:
Join our Facebook group for curated content, inspiration, design critique, and job postings:
https://bit.ly/3jw0VbL

Join our Webflow group.
https://bit.ly/3KZz3Ig

Instagram:
@designsense99

Dribbble:
https://dribbble.com/DesignSense
---------------------------------------------------------------------------------------------
0:00 Intro
0:49 Step-1 (Research & Planning)
1:21 - Target Audience
1:37 - Competitor Analysis
2:05 Step-2 (Wireframing/Low Fidelity wireframe)
2:23 - Structuring Figma Project
4:27 Step-3 (Visual Design/High Fidelity wireframe)
4:50 - Design Inspiration Websites
5:08 - Competitor Designs
5:21 - MoodBoard
12:26 Step-4 (Prototyping)
13:37 Step-5 (User Testing)
13:51 - Prototype Testing
14:05 - Post Launch Testing
14:40 Step-6 (Final design & Handoff)
16:12 Outro