BONUS: 5‌ CHECKPOINTS AWARDED WORTH ‌$200‌ EACH

Register
Submit a solution
The challenge is finished.

Challenge Summary

Contest Summary
Welcome to the Hestia Website Branding and Navigation Update Contest This contest is focused on updating the Hestia branding and navigation between three main areas of their website. The goal of this contest is to design storyboards that update the provided home/login and provide a desgin solution for the Homeowner and Corporate pages.

Review the provided scenarios to understand the user and what they will be looking for.

Round 1

We are looking for the initial page designs to provide feedback on:
1). Updated Hestia home (with branding updates)
2). Homeowner Landing Page
3). Corporate Landing Page
Notes.jpg: Any comments about your design for the Client
NUMBER YOUR SCREENS (01, 02, 03 etc.) - its easier to review with the client.

Round 2

Final Design
1). Updated Hestia home (with branding updates)
2). Homeowner Landing Page 
3). Corporate Landing Page 
4) Any changes/updates to the contest based on Milestone feedback 

Make sure to capture the user scenarios!!
Notes.jpg: Any comments about your design for the Client
NUMBER YOUR SCREENS (01, 02, 03 etc.) - its easier to review with the client.


Contest Details
Hestia is always looking to give their customers a better user experience by updating and enhancing the user experience (UX) of their existing websites and web applications. Hestia is looking to move their B2B application front and center as their main website. This will require some small branding and navigation updates to work with the different type of Hestia users. For this contest we are looking for simplicity, easy navigation and updates to the Hestia site design.

Design Requirements:

We need to update the Heatia home/login page and provide a NEW design for the Homeowner and Corporate landing pages. The Hestia "home" page will now become the main/overall Hestia brand home. In the new design, you determine the major elements to display on the required landing pages. Please read the breakdown of the required updated pages carefully.

IMPORTANT
- Its okay if the Homeowner/Corporate is cleaner/less graphics then the main Hestia home page - we are looking for something new on these pages!!
- Review the provided NEW graphics and add in the yellow/orange color and "metal" where YOU think it makes sense and appropriate. Check Hestia-Branding-Concepts.zip

REFERENCE
Reference #1 - Corporate Creative Website Design
Reference #2 - Sample Navigation Design
Reference #3 - Footers in Modern Design

1). Catalog Before Login Page (This is the new Home page!)

- Use (1) Anon_Homepage.psd as base of your design
- On this page, we need you to think and design a way to access the "Homeowner" and "Corporate" landing pages.
- We're open to any ideas, do some research! 
- Its okay if the corporate access is in the footer?
- Review the user scenarios below to understand what we need! 

2). Homeowner Landing Page
- We are looking for a completely new design - DO NOT use any graphics from the old homeowner page (only content)
- How do I navigate back to the main Hestia page (which is the Pro user)
- Need a "Sign Up For Email" call to action
- "Shop Online" button should be in your design
- How will the New Main Imagery look? (you can use stock photos)
- How should the main area be designed?
- Use best practice of Font Typography structure
- "Here's What You're Saying About Us" needs to be used in the new design
- Looking for new design that appeals to homeowners looking for high-end products
- We need your help to determine which elements still need to be displayed in the new design and which should removed.

3). Corporate Landing Page
- We are looking for a completely new design - DO NOT use any graphics from the old corporate page (only content)
- Need a "Sign Up For Email" call to action
- How do you navigate to the other areas of the site?
- Use best practice of Font Typography structure.
- We're looking user friendly solutions for this page, feel free to suggest any cool ideas for us.
- If you use istock images on page, show us how they should look?
- We need your help determine which elements still need to be displayed in the new design and which should removed.

User Scenarios (Target Audience)
Scenario 1 (Homeowner)
Patricia does a web search to find high-end lighting for her dining room renovation. A link to Hestia is served up and she clicks it, landing on the Hestia home page.  She wants to see how the lights will appear once they are installed, so she looks for a way to get a richer visual experience. (ie – the Showroom page).  What is this navigation?

Scenario 2 (Potential Hestia Employee)
Jimmy is looking for a job. He searches for Hestia careers and lands on the Hestia home page. Where can he find the navigation to get to the information he’s looking for?
 
Scenario 3 (Pro User)
Bob the builder searched for Hestia and lands on the showroom home page. How does he get to the main Hestia (or Pro) site?

Judging Criteria
- How well you create way to access "Homeowner" & "Corporate" page
- How well you update the catalog landing page and integrate the yellow/orange and metallic design 
- Cleanliness of your graphics and design
- Great User Experience

Submission & Source Files
Preview Image

Please create your preview image as one (1) 1024x1024px JPG or PNG file in RGB color mode at 72dpi and place a screenshot of your submission within it.

Submission File

Submit JPG/PNG for your submission

Source Files

All original source files of the submitted design. Files should be created in Adobe Photoshop and saved as layered PSD file.

Final Fixes

As part of the final fixes phase you may be asked to modify your graphics (sizes or colors) or modify overall colors.

Please read the challenge specification carefully and watch the forums for any questions or feedback concerning this challenge. It is important that you monitor any updates provided by the client or Studio Admins in the forums. Please post any questions you might have for the client in the forums.

How To Submit

  • New to Studio? ‌Learn how to compete here
  • Upload your submission in three parts (Learn more here). Your design should be finalized and should contain only a single design concept (do not include multiple designs in a single submission).
  • If your submission wins, your source files must be correct and “Final Fixes” (if applicable) must be completed before payment can be released.
  • You may submit as many times as you'd like during the submission phase, but only the number of files listed above in the Submission Limit that you rank the highest will be considered. You can change the order of your submissions at any time during the submission phase. If you make revisions to your design, please delete submissions you are replacing.

Winner Selection

Submissions are viewable to the client as they are entered into the challenge. Winners are selected by the client and are chosen solely at the client's discretion.

ELIGIBLE EVENTS:

2012 TopCoder(R) Open

Challenge links

Screening Scorecard

Submission format

Your Design Files:

  1. Look for instructions in this challenge regarding what files to provide.
  2. Place your submission files into a "Submission.zip" file.
  3. Place all of your source files into a "Source.zip" file.
  4. Declare your fonts, stock photos, and icons in a "Declaration.txt" file.
  5. Create a JPG preview file.
  6. Place the 4 files you just created into a single zip file. This will be what you upload.

Trouble formatting your submission or want to learn more? ‌Read the FAQ.

Fonts, Stock Photos, and Icons:

All fonts, stock photos, and icons within your design must be declared when you submit. DO NOT include any 3rd party files in your submission or source files. Read about the policy.

Screening:

All submissions are screened for eligibility before the challenge holder picks winners. Don't let your hard work go to waste. Learn more about how to  pass screening.

Challenge links

Questions? ‌Ask in the Challenge Discussion Forums.

Source files

  • Layered PSD files created in Adobe Photoshop or similar
  • AI files created in Adobe Illustrator or similar

You must include all source files with your submission.

Submission limit

5 submissions

ID: 30025886