Sitemap

Ironhack’s Preework Challenge 2: Wireframing (Cambly)

2 min readFeb 8, 2024

--

In this post I will talk about the challenge 2 Wireframing of my pre-work for #Ironhack UX/UI Bootcamp.

The challenge is Using Figma, task is to create a wireframe version of the User Flow of the chosen app based on screenshots or high-fidelity prototype screens of such an app. final product should be a simple 5 screens’ interactive prototype built-in Figma. In this challenge I choose Cambly APP.

What is Cambly ?

Cambly is an online platform that connects students with native English speakers for language practice and tutoring sessions.

Why this app ?

regardless easy to use and having cheerful colors, it provides many services to students, including:

  • Live Video Chat.
  • Instant Feedback from tutors.
  • Flexible Scheduling,Students can schedule tutoring sessions at their convenience.
  • Variety of Topics.
  • Access to a variety of learning materials, such as articles, videos, and interactive exercises.

App Screensshots :

Press enter or click to view image in full size

Wireframes :

Press enter or click to view image in full size

UserFlow :

1-splash screen

Get Budur Bahubayl’s stories in your inbox

Join Medium for free to get updates from this writer.

2- home page

3- Profile

4- Tutors page to View available teachers

5- Tutor’s information to View information about the teacher.

6- Choose session information.

7- Entering into a session with the teacher.

Press enter or click to view image in full size

prototype :

The summary is Wireframe are important as they visually outline the layout and structure of digital products, clarifying requirements, prioritizing user experience, and saving time and costs in the design process.

Finally, I had fun while designing the Wireframe.

--

--