Wireframe Examples

To illustrate how wireframes can help a design team develop a new website or update an existing site, I created a new “Health Education” sample webpage. This webpage is similar to many other web pages I have designed for hospitals and medical centers. View Sample Webpage

Wireframes of this sample webpage are shown in 3 different ways:

Wireframe Examples of the Sample Webpage. View wireframes with a desktop web browser view and with an iPhone or Smartphone view. Click Here

Wireframe Examples with Annotations. View wireframes with annotations with a desktop web browser view and with an iPhone or Smartphone view. The annotations or comments are shown to help web developers, graphic designers, and other team members to have specific directions for creating the final website version. Click Here

Side by Side Comparison. View the “Side-by-side Comparison” of Wireframe and Pixel Perfect views of the sample webpage. (The wireframes are created in Sketch and Balsamiq, the Pixel Perfect Images are created in Photoshop and other graphics programs) Click Here