Ironhack’s Prework - Wireframing: Beymen App

Ipek Bogatur
Dec 1 · 3 min read

Luxury Life Style

This is how the company described itself on their corporate website: Beymen is dedicated to provide its customers with the finer things in life; from the best home accessories to the prime jewelry brands and cosmetics we have mastered the art of luxury lifestyle.

Wireframing Beymen App

The second challenge before we start the Ironhack UX/UI Bootcamp is one of the key components through the way to design a product: Wireframing which is creating a skeleton of the interface.

Wireframes give a simple visual representation of how the flow of the app or website will be. A wireframe should be clear for anyone to understand, but simple enough to avoid influencing or sidetracking the conversation from important design decisions at the early stages in the design process. Let’s have a look at the visuals below as they speak better than words do.

https://lvivity.com/mobile-app-wireframing-tools

Within this scope, my task was creating a wireframe version of the user flow of an app based on screenshots or high-fidelity prototype screens of such app using Sketch. The final product should be a simple 5 screens’ interactive prototype built in Invision or Marvel.

The reason why I chose Beymen App was figure out the basic design elements of a “luxury look”. Wireframing is a great way to analyse/decode what is behind a look. Therefore, I was very excited to see the results.

Findings

First thing one can easily observe is the repetition of the elements with the same size and not having several different elements in the canvas. On the other hand, there is no hesitation using the space generously as we can see the negative space in place. Instead of using the screen for as many elements it can be fitted into and complete the task as fast as possible, user is directed to proceed by stages. This allowed the designer the freedom of using the space in quality. Is more less?

Here we can refer Minimalism as value of a reductive approach to art:

Minimalism’s features included equality of parts, repetition, neutral surfaces eliminating all non-essential forms, features or concepts.

The more stuff in it, the busier the work of art, the worse it is. More is less. Less is more. Ad Reinhardt —

Interactive prototype

For the interactive prototype, I used Invision which is the digital product design platform for successful customer experiences. I have had a positive user experience over Invision for several reasons; such as having the possibility to sync files directly from Sketch and Photoshop, not having many features but having essential ones for the user benefit, visible buttons. One thing I would have liked having is the possibility of changing device type (at least for mobile) after creating the project. It seems Invision doesn’t provide this opportunity yet.

Ipek Bogatur

Written by

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade