One of the designers who made it happen

Winner
- NARRA

Great understanding and interpretation of my needs. Smart designer.

- Tracy Gueno Gardner

How RoastLog started their web page design journey

Company name

RoastLog

Overview

RoastLog is a small start-up working on an integrated software system to help coffee roasters all over the world. We provide tools for roasters to track and analyze all sorts of data about their roasting with the end goal of improving the final product...the coffee we all drink and love. In effect, RoastLog is a "digital notebook" for coffee roasters.

If you love, or *need*, coffee, let that inspire you on this project.

We have done the interaction design and are providing wireframes (see files attached). Wireframes can mean different things to different people. For this project, a wireframe is a visually generic picture of what needs to be on a page. You are not bound 100% to what's there…use your creative talents as you see fit. If you believe a button should be moved somewhere, you can do that.

The RoastLogWebAppUI_designThese3 PDF shows what we're expecting from this contest.
The roastLog_WebAppUI_wholeSite PDF is our entire site which you can use as a reference.

We have a great logo we got here at 99designs. What we're looking for is someone to take our logo and wireframes, and marry them so the user experiences a web application that looks as good as it behaves.

In terms of design (colors, etc.), the only hard requirement is it works with our logo.

Tell us a bit about who you are and the people you reach

The target audience is small to mid-size coffee roasters who care about the quality of the coffee they are producing. Some examples:

Any roaster who is trying to produce the best cup of coffee possible will be using RoastLog. The specialty coffee world is fairly small, and people know each other. We will have many customers in the US, but also across the entire globe. The site you design will be seen and used by coffee professionals in many different countries. In the future, our site may be available in different languages.

Requirements

- Your understanding of what sorts of design elements are hard to turn into HTML/CSS and Javascript will play a role here. Tons of rounded corners and gradients? Try another direction please.
- We like designs which are clean, simple and spacious.
- No Flash.

We need:

1. A landing/home page
- Should be clear and concise. Note, we do not have a wireframe for this.
- Sites we like: mint.com, survs.com
- We'd like to see concepts for the home page sooner rather than later. Your best change of willing the contest is via the home page the Roasting "dashboard" (#4 below). If you can knock those out of the park, we'll be pretty confident that the other pages will fall out just fine.
2. Global header and navigation (doesn't go on homepage)
3. Roasting "inbox"
- The "inbox" will mimic an email inbox. It'll be the place users go to see a brief list of their roasts.
4. Roasting "dashboard"
- From the Roasting Inbox, a user will be able to select one or more roasts by selecting the checkbox next to the roast and then move to this "Dashboard" page, which shows roast profiles and cupping (tasting) data for the roasts they just selected.
5. A dummy design for a form
- We'll be building a lot of forms, so we a basic design that we can build from.

Your Deliverables:

- Logically organized, layered Photoshop or Fireworks files. Before you deliver please clean up the files, removing unused layers and clearly naming layers, etc.
- Please be precise. We don't like to guess.
- A layered summary file that lays out link states, button states, nav states and any other state-ful elements of the design, if needed.