Navigation¶

• Main Page
  

• Random Page
• Create a new Page
• All Pages
• Categories
  

• Administration
• File Management
  

• Login/Logout
• Language Selection
• Your Profile
• Create Account
  

Quick Search
»
Advanced Search »

User Experiences

These are proposed user experiences for the Orchard CMS application to help refine our UI interaction model and guide development work during each iteration.

Orchard Branding¶

• Branding vectors
• Branding PSD
  

Wireframes¶

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

• Blog
• Comments
• Media Management
• Pages
• Roles and Permissions
• Themes
  

Themes¶

Photoshop and HTML front-end theme mockups.

• Classic Theme - html
• Green Theme - html
• Dark Theme - not implemented
• Brown Theme - not implemented
  

Admin UI¶

Below are some of the more recent admin designs.

• Light Admin Theme
• Dark Admin Theme
• List of posts
• Manage users rev 1
• Manage users rev 2
  

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.

• Manage blogs
• Manage pages
• List of posts
• Zip of admin designs
  

Design Concepts & Ideas¶

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

Wireframes:

• 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
  

PhotoShop mocks:

• Sidebar/toolboxes concept for edit page UI
• Drawer concept for edit page UI
• Drawer/tab concept rev 1
• Drawer/tab concept rev 2
  

JavaScript & html Mocks

• Context publish buttons
• Context TinyMCE
• View switcher
• Admin buttons
  

In case you're interested, we use the Balsamiq Mockups tool to create these walkthroughs.