Gene Lu

Nutrition Business Journal

Strategy
Nutrition Business Journal's main revenue comes from selling custom research products. Other channels of revenue includes online and print subscriptions. One key difference between this and previous redesigns was that ads weren't high in priority. This allowed me to take advantage of the extra screen real estate and push NBJ's products further up the page.

Moodboarding
Prior to starting up Adobe Fireworks CS3, which I highly recommend for web design, I cut up several magazines for NBJ's moodboard. Through the moodboard, I was trying to convey a sense of urgency within the food research industry. According to the strategy document, the site is dedicated to people that are looking for the latest information on food research reports in order to close in on deals, report facts back their higher-ups, etc. Note: You'll notice in the moodboard below that I glued all my magazine clippings onto a folder. This helps to better organize your physical assets (notes, moodboard, etc.) by keeping it all in one place.

NBJ Moodboard
NBJ Moodboard

Organizing the Homepage
The team and I got together to discuss how content on the homepage would be organized. With post-its in hand, we set aside some time to shuffle site elements around and came up with the following information hierarchy.

Organizing the Homepage with Post-it Notes
Organizing the Homepage with Post-it Notes

Final Mockups
After compiling all the research from the steps above, the pages (shown below) were fleshed out. The "Why Join" and "Wall page" were also mocked up due to their heavy contribution to the site's revenue. Color choices were based on visual grouping; the colors for the top header and navigation are analagous to one another in order to maintain it's visual cohesiveness and the 3-column bar in the middle of the home page was assigned a brown color in order to make it contrast and 'pop' more from the rest of the site, especially the top section.

Role
Design, Strategy

Why Join Page
Why Join Page

NBJ Subscriber Page
NBJ Subscriber Page

 
Mobile Dev & Design < Prev Post   Next Post > Supermarket News