Walkthroughs and UI Mockups

ARCHIVED

This chapter has not been updated for the current version of Orchard, and has been ARCHIVED.

Orchard Branding

Wireframes

Click on the walkthrough title to download a zip file containing the numbered images.

Themes

Photoshop and HTML front-end theme mockups.

Admin UI

Below are some of the more recent admin designs.

Admin UI - Original

Below are some of the original admin designs. These show how the design progressed from something that was strongly branded Orchard to a more generic design.

Design Concepts & Ideas

These designs and mocks are not related to work we are currently developing.

Wireframes:

PhotoShop mocks:

JavaScript & html Mocks

We use the Balsamiq Mockups tool to create these walkthroughs.