bizbuzz nek design mockups - bc ravensbcravens.org/bizbuzz/bizbuzz_mockup.pdfdesign 1 list view this...

BizBuzz NEKDesign Mockups

Color PaletteList View

The color palette for this app was developed based on the logo. The colors were chosen to provide complementary contrast between elements.

Design 1List View

This design provides users with a list of links on the main screen (image on the left).

When pressed, the list item would link to a listing for that region (image on the right).

Two different list views are shown.

Listview Design 1

Listview Design 2

Design 2SideMenu

In this design, the main screen is the logo. Users swipe to the right or click on the navigation icon to access the side menu.

Design 3Grid Design

This design uses icons placed in a grid on the main view. When an icon is selected, the submenu appears with a list of links.

Design 4Contemporary Design

A major trend in web design is to use a full-screen background image. These images can be specific to a location or more thematic.

Background 1 Background 2

Background 3 Background 4

Background 5 Background 6

Background 7 Background 8

Page DesignIndividual page designs are pretty simple - they provide a description and contact info. They can, but don’t have to include a photo.

In the next two sets of image, the one on the left is the top of the page. The one on the right is the bottom of the same page after the user scrolls down.