Wireframes are low-fidelity, simplified layouts that outline the structure of a website or app. They are used to communicate the hierarchy of information and layout of content, without getting bogged down in design details like color and typography.

Wireframes are useful in the design process because they allow designers and stakeholders to focus on the placement of elements and the overall user flow, without getting distracted by visual design elements. This makes it easier to iterate on the layout and make changes early on in the process.

Wireframes can also be useful for user testing, as they provide a clear understanding of the functionality and layout of the site or app, without the distractions of final visual design. This allows users to provide more valuable feedback on the overall user experience and usability of the product.

App

canvas_wireframes-230104_2138.png

User Flows

ZipDJ

canvas_zipdj-230104_2139.png

Spotify

canvas_spotify-mobile-app-230104_2140.png

Soundcloud

canvas_soundcloud-230104_2141.png

My Idea

App Basic Flow

canvas_layout-230104_2142.png

Top Songs Flow/Layout

canvas_top-songs-230104_2142.png

Process to sign up on the app

canvas_register-230104_2143.png

Process to connecting your device (Phone/Tablet)

canvas_devices-230104_2143.png