Saturday , 29 April 2017
Home » Inspiration » Web Design » 35 App and Website Wireframe examples
Colored Wireframe for Web

35 App and Website Wireframe examples

Wireframing a website or mobile application, any development projects before production is key to success in big projects without messing up the final product. Having an idea of where the whole development is going is essential and sometimes a necessity before doing anything. Mostly companies request a prototype or wireframe of the whole work before starting the project. Take a look below for examples of website, app wireframe sketches made in modern day softwares and sometimes totally hand drawn.

Paper sketches are old fashioned but very good for simple projects. Once the work gets bigger paper is not the way to go, you can find many free wireframe tools where the design prototype can be done through online web app or through free software which you can work offline with. Usually free wireframe kits are downloadable in psd, ai format which have a layers of elements required to build a full website or mobile application prototype. Stay tuned for future updates on free kits for speeding up your wireframe designs.

Wireframe close web

A social web application or something related before hitting to development phase. The web layout is detailed neatly on a paper.

wireframe1

Logic ‘n Flow

Logic 'n Flow

Lifeonit – Mobile on-Board Wireframes

Lifeonit - Mobile on-Board Wireframes

Welcome Wireframe

Welcome Wireframe

Work Flow Wireframe

Work Flow Wireframe

Let it Flow – Wireframe

Let it Flow - Wireframe

Coolest – Wireframe

Coolest - Wireframe

Wireframe on Paper

Wireframe on Paper

UX Wireframe Coffee – Machine Remote App

UX Wireframe Coffee-machine remote App

Cute Wireframe

Cute Wireframe

Mustango Wireframe

Mustango Wireframe

Colored Wireframe for Web

Colored Wireframe for Web

Cash Flow Finance App Wireframe

Cash Flow Finance App Wireframe

UX Wireframes for Online Grocery Shopping Mobile App

UX Wireframes for Online Grocery Shopping Mobile App

Hold It – Wireframe Annotation

Hold It - Wireframe Annotation

Softhouse – Wireframe

Softhouse - Wireframe

Wireframe Company Profile Website

Company Profile Web Application Wire frames.

wireframe paper

iPhone Wireframes for Car Care App

This includes both the Spotlight on a Wireframe and the iPhone Wireframe Family, which gives an insight into the navigation and information architecture of the app.

spotlight wireframe

UX Design Wireframing

UX design, Wireframing and Prototyping of corporate intranet. Goal is gamification, interaction and social media in appearance and usability. Built with Photoshop CS and Lucidcharts. WOuld normally have used Visio 2013, but was Lo-fi wireframe.

Intranet-pinterest.pdf

Win8 Sports App Wireframe

These wireframes describe an app that provides news, results, schedules, photos and videos for players and teams taking part in a league or tournament for a single sport.

sports design

Restaurant App

These are the Wireframes created to resolve the features that should contain the app like In App Purchase, location, purchase etc.

Restaurant App

Weather App

Wireframes and design for desktop and iPhone weather application.

Weather-App

Trendlinks – Social Network

A social network ux part and layout study.

Trendlinks

Wireframe for an iphone app with restaurant, hotel app in mind.

iphone app wireframe

UX architecture for an upcoming cloud printing app.

cloud printing app.

GUI design with sketches

GUI design

Sitemap Wireframe

A wireframe design project for social marketing website.

wireframe design

Game App

A wireframe prototype design for game application. You can see a game design document and a paper prototype of a game before coding begins.

game design

Wireframe Studies / UI/UX

Some preliminary hand sketches that put together before designing a website.

Artboard 1_o

Site Hierarchies for websites

The purpose is to show the organization a flow of menu tabs, paths and making sure the site is easy to navigate through and user friendly overall.

sitemap

UI Wireframes for a Todo List Mobile App

A wireframes for a Todo list app for smartphones (based on the concept of First Things First).

todo app

Teacher’s app wireframing

A wireframe design for application which is meant to track student work patterns as they complete assignments.

Teachers app wireframing

Youtube Wireframes

Quick wireframe for Acura’s Subscriber page on Youtube.

Quick wireframe

Responsive Wireframe Design

A simple design concept for websites.

Desktop

About Allie Kingsley

Allie Kingsley is a social media manager for designscrazed. She is crazy about new gadgets and up to date with latest technology trends. Use comments to notify any issues you are facing.

Check Also

automobile website designs

33 Dazzling Automobile Website Designs For Your Imagination

Unlike many other industries, the automotive industry has not kept itself limited within the magazine …

6 comments

  1. Shivam kumar

    I love all your work and the research you do before posting things over here Allie with those screenshots i always get to see something new whenever i visit your site keep it up and all the best :)

  2. Marcy White

    Thee are some great examples! For more tools and examples, regarding wireframes, you can check out Lucidchart. https://www.lucidchart.com/pages/wireframe-for-website

  3. very very good application thanks very very much

  4. Rishabh

    Thanks It’s helpful……..

  5. Shalin

    These examples can be only edited by PH? I’ve found some wireframes examples that can be edited by AI and Creately in the diagram community. Hope they are useful as well.

  6. Jezil

    This is beautiful and intelligent.

Leave a Reply

Your email address will not be published. Required fields are marked *