Walkthroughs and UI Mockups
This chapter has not been updated for the current version of Orchard, and has been ARCHIVED.
Click on the walkthrough title to download a zip file containing the numbered images.
Photoshop and HTML front-end theme mockups.
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.
- Context buttons deep zoom concept board (Silverlight required)
- Toolbar concept for edit page UI
- Module install rev 1
- Module install rev 2
- Page Builder concept
- Live edit concept
- Sidebar/toolboxes concept for edit page UI
- Drawer concept for edit page UI
- Drawer/tab concept rev 1
- Drawer/tab concept rev 2
We use the Balsamiq Mockups tool to create these walkthroughs.