Ewe Brew
Responsive Design
Ewe Brew is your after hours science teacher.
Through the lens of beer and brewcraft, Ewe Brew sneaks in the science that most of us forgot. The design is for a responsive site that fits to phone, tablet and desktop.
Ewe Brew was a planned community based fermentation and science center providing classes, workshops, and supplies to encourage experimentation and education.
What I did:
Design
Layout
Final wireframe
Sketch
Sitemap - click to view
Wireframes and Sitemap
The hierarchy of information highlights events/community first and keeps the sales section as a convenience. Ewe Brew is different from any brew supply store in that it's a place for education and classes more than a retailer.
Homepage Mockups
Mobile Layout
- Focus on location based needs and event information
- Navigation as side drawer with menu icon
- Top level search icon for finding information from events, forums or article
- Break at 400px
Tablet Layout
- Similar to desktop
- Pulls recent events into a slider at the top of the page
- Maintains hierarchy of desktop site
- Maintains footer with additional navigation
- Break at 1040px
Desktop Layout
- Full screen version of site
- Top content reoriented into columns.
- Larger images and more events
- Additional scrolling space
