Wireframes are the blueprint of digital design, offering a simplified, visual representation of a product’s layout and functionality. In this category, we explore the role of wireframes in the design process, from early concept sketches to detailed structures. Learn how to create clear, user-centered wireframes that effectively communicate ideas, define content hierarchy, and guide the development process. Whether you’re new to wireframing or refining your skills, this section provides the techniques, tools, and tips to help you build strong design foundations.
WIREFLOWS: TRAVEL APP, BOOKING A FLIGHT
A look at wireflows for a travel app, specifically the flows for booking a flight.
WIREFRAMES: ANNOTATED WIREFRAMES FOR THE SHRAING PROCESS OF A MEME COMMUNITY (CONSUMER)
Annotated wireframes for the meme consumer persona in the meme sharing community.
WIREFRAMES: ANNOTATED WIREFRAMES FOR THE SHRAING PROCESS OF A MEME COMMUNITY (CREATOR)
Annotated wireframes for the meme creator persona in the meme sharing community.
WIREFRAMES: ANNOTATED WIREFRAMES FROM TRAVEL APP FOR BOOKING FLIGHT
A selection of annotated wireframes from the booking a flight process for a travel app.
WIREFRAMES: HIGH FIDELITY, TRAVEL APP: BOOKING A FLIGHT
A selection of high fidelity wireframes of the booking a flight process for a travel app.
WIREFRAMES: LOW FIDELITY, TRAVEL SITE (MOBILE)
Low fidelity wireframes for a travel website, mobile version.
WIREFRAMES: TRAVEL ADVISOR WEBSITE
A selection of wireframes for a Travel Advisor’s website. Included a home page, navigation menu, a content page and search…