Hannah's Bretzel
I was hired by Hannah's Bretzel to redesign their website, which had gotten a bit old and stale. The owner, Florian Pfahler, was also looking at rebranding the Hannah's message and needed more control over the content of the website. So along with designing the new site, I created a complete CMS to administer all the content.
Home Page
(Format: Screenshot from Safari)
This was the only page I didn't design. It was designed by Jimmy Olson.
Lunch Menu
(Format: Screenshot from Safari)
Catering Menu Form
(Format: Screenshot from Safari)
About Page
(Format: Screenshot from Safari)
Admin - Lunch Menu
(Format: Screenshot from Safari)
The lunch menu list page allows the user to see how the menu will look on the front-end of the site. Items can be reordered by clicking and dragging the sandwiches around using the "+" drag handle.
Admin - About Page Editor
(Format: Screenshot from Safari)
This is the editor for the About pages. It allows the user to upload images and insert them into the page's description field using custom [tags]. The tags allow the user to float the images left and right inside the text.
To help the user create the tags, I created a "Code Generator."
Admin - Catering Menu
(Format: Screenshot from Safari)
The Catering page gives the user an overview of the Catering menu. Items can be moved around using the "+" drag handles.
Admin - Copy Control
(Format: Screenshot from Safari)
The "General" section of the CMS is where the user can control and update any general settings as well as most of the copy on the site.
