EDORACY
?

UI/UX Career PathCourse 5Week 1Lesson 3Figma Mastery: UI Design

Self PracticeIn Progress

Design Mobile App Wireframes

Translate user needs into structured screen layouts for a mobile application experience.

Maria Petrova

Instructor

Maria Petrova

Assignment Details

Required FormatPNG / Figma Link
Estimated Time4 / 5 hours
Review TypeSelf Practice
StatusIn Progress
Started OnToday

Overview

In this assignment, you will design low-fidelity wireframes for a mobile app based on the user flows and personas developed earlier in the course. Focus on layout hierarchy, navigation patterns, and clear call-to-action placement before moving to high-fidelity design.

Instructions

  1. 1

    Identify the app goal and target audience.

  2. 2

    Create a basic user flow for core screens.

  3. 3

    Sketch low-fidelity mobile layouts.

  4. 4

    Define navigation structure and CTA placements.

  5. 5

    Convert sketches into organized wireframes.

  6. 6

    Submit final PNG export or Figma link.

Resources & References

Mobile_Wireframe_Template.fig

8.6 MB

UX_Flow_Planning_Sheet.pdf

2.4 MB

Mobile_Navigation_Examples.pdf

5.1 MB

Figma_Starter_Kit.fig

14.2 MB

Submit Assignment

Drag and drop your file here

or browse files on your computer. Multiple files allowed.