Challenge 2 — Ironhack’s Prework: Wireframing

For this Second Challenge of the IronHack Bootcamp — São Paulo, I had to create a Wireframe from an application that I’ve been used in a previous exercise. The app I am working on is from a brazilian shoes brand called “Schultz”.

The main reason behind my choice for this specific app was it usability and also about it’s minimalist black&white and variations of gray design, which gives to the products all the protagonism.

I do appreciate the simple manner how the application structured it content and the use of bold typography to highlight important things such as price and the name of screen that you are. Besides that, the use of icons to simplify texts works nicely and provides a very friendly interaction.

The flow:

Using this app is very easy and clear, I don’t have any issues to procede until the “check out page”. The flow I used in this app was:

Screen 01: App first page > categories ( second icon on the bottom ).

Screen 02: New in (after select this categorie, appears a list) > Choose in the list “See all products”.

Screen 03: Clic on the product that you want to see.

Screen 04: View the product chosen in detail and with all information about it > buy it.

Screen 05: Proceed to checkout.

To get used with wireframing, I first hand sketch it in low-fidelity, adding also the flow that I am using.

Wireframe:

To understand it’s functionalty more in detail I had to create a mid-fi Wireframe and the program that I choose to use was Figma.

Feel free to check out my Figma prototype here.

What I’ve Learned from this Challenge:

The process analysis and wireframe an app that I alredy uses, makes me understand as a future Ux/Ui designer how essencial it is to be able to filter which information is helpful to the user and which ones are not and also how to delivered it.

--

--

--

Architect and Urbanist taking my first steps as a UX/UI Designer.

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Weeknotes S4 E3 2020

Fireplaces in Leigh

fireplaces in Leigh

Meet the team: 10 UXDers, 10 questions, 10 weeks

The title card for the “10 UXDers, 10 questions, 10 weeks” series featuring headshots of all 10 contributors.

Information Design: Typography

Best Sewing Machine for beginners | What’s the easiest sewing machine? | Brother Sewing Machines

Behind AirBnB’s stupidity is malevolence (i.e. delete your account ASAP)

Teamwork, research and hidden effort: a year of content design at BT

Defending Invisible Design

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Bruna Cyreno

Bruna Cyreno

Architect and Urbanist taking my first steps as a UX/UI Designer.

More from Medium

Ironhack Prework Challenge 2: Wireframing

Ironhack Prework — Challenge 2: Wireframing

Ironhack’s Prework: Kristiina OJANEN_Challenge1

Ironhack’s Prework: UrbanGo Challenge 1

App Prototype