A set of updated wire frames for the new and improved Java Love website. Each picture includes the site layout and annotations for a clear explanation of how the page works.
Get Local!
Get Local! – Java Love Roasting Co.
Attached to this blog post are the final PDF files including all the work for the updated website for Java Love. I included the design brief, site map, desktop designs and mobile designs. The design incorporates the passion of Java Love being organized with a punch of personality.
Design Round 5
The final set is clean and organized with a punch of personality of Java Love.
6 pages of desktop web pages
7 pages of mobile web pages
7 pages of mobile web pages viewed on the Iphone.
Design Options
Searching for a better punch of personality and design for the Java Love site, these two ideas were explored. Working with the second design I furthered it to create the next set of designs.
Design Round 4
Updated set of all the desktop and mobile pages for Java Love. This set is not the final, but it established all the information on each page and introduced each mobile page.
-
- This was a design option that was not used further on after this test design.
Design Round 3
Exploring more design options including more web pages and starting to transfer the information to a mobile website.
-
- This was a design option that was not used further on after this test design.
Design Round 2
Here is the second round of design that includes one design pushed a little further and another layout that is different from the first one. I think that the two designs can be combined to create an overall new design for Java Love.
Mobile Sketches
To bring this website to the mobile platform, the layout has to change to incorporate a different size screen. These are some of the sketches to incorporate the important information from the Java Love website.
Design Round 1
For the first round of design we had to create two looks for the home page and a inner page. I designed the events page as the one inner page. The two looks use two different forms of the navigation and one of the designs uses icons instead just a mix of words and images.
Java Love Wireframes
This is the first round of wireframes drawn up for the different pages included in the site. Some of the structure changed as I played around with design, but this is just the first round of wireframes and the updated versions will come later. There are also some design sketches that I drew up as I was pumping out ideas for the wireframes.
-
- Includes some widgets on the side for coffee of the month and events
-
- Includes all coffee categories for browsing and shopping
-
- Includes categories from the shop before exploring further categories
-
- Shows past, current, and future events in a calendar and written out.
-
- Some design ideas for the new website including icons or layout
-
- More design sketches
Web Page Design 