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

Register
Submit a solution
The challenge is finished.

Challenge Summary

Welcome to the Hestia "Sign In Page" Redesign Contest. The goal of this contest is to redesign the Hestia B2B Sign In Page and make it look like a modern application sign in page with some Hestia B2B branding and marketing items. The goal of this page is to get the Hestia Customer to quickly Sign In into the application or new customers to Register if needed.

Round 1

We would like to see your initial design for review and feedback
- New Hestia Sign In Page
Notes.jpg: Any comments about your design for the Client

Round 2

Final Design
- New Hestia Sign In Page
- Any updates or revisions provided during the Checkpoint Feedback


Hestia always looking to give their customers a better user experience by updating and enhancing the user experiences (UX) of their existing websites and web applications. For this contest we need your help redesign the main Hestia B2B Sign In page. Hestia is currently updating some of their graphics with the "Flat" design theme. 

Design Problem
- Hestia B2B is looking for a NEW Sign in page design
- Hestia is looking for new design layouts to review and determine overall page direction
- The B2B Sign In page needs to get customers signing in or registering faster - better buttons and call to action 
- All important content needs to be "above the page fold"
- Hestia B2B helps the customer! - we want to make sure the viewer understand this


Design Notes
- Hestia is updating their UI design with a new "Flat" design - please see the attached design references to help keep the B2B brand consistent.
- For this contest we need you to provide all NEW DESIGN CONCEPTS
- DO NOT just make the entire page dark blue - while we are providing the "Flat" Mobile design reference this is still a "Desktop" page design.
- As far as imagery besides Terry, we can use icons for the different sections (research, manage, organized) 

Hestia Login Page Design Contest Requirements
Here is the current page - Link

Sign In
- The page needs a "Sign In" area that is obvious to the user. Please see the attached "mobile" flat design
- Content remains the same for Email, Password, Remember Me and other links and buttons

Hestia Logo
- Re-use attached ferguson-logo.zip

Image of Terry
- You need to include the "Terry" image/marketing - how should this be used on the page?
- See attached terry-images.zip

Location Finder
- Incude a location finder graphic - redesign and update this.

Welcome Marketing Message
- "Welcome to Ferguson's 24/7 online store - packed with features to help you order, research, and manage your account at the office and on-the-go. With over a million products servicing plumbers, HVAC specialist, contractors for over 60 years."
- How should this designed and placed on the page?

Area to help customer
- We need an area talking about how we help the customer: below is copy to use for different sections:
- We can use icons for the different sections (Research and buy, Manage your business, Stay organized)

Headline Text:
Manage your Business more Efficiently!

Sections:
Research and buy:
- Over 200,000 products
- Real time inventory and pricing
- Specs and technical documents

Manage your business:
- Pay bills online
- Print previous statements and invoices
- Set limits and permissions for your team

Stay organized:
- Create favorite lists of commonly bought items
- Track the stats of orders
- Upload lists of products for quick orders

These tools and more are available online. Sign up today for Free access! ("more" should be a hyperlink)

Register Now Button
- Register Now button - this should be available for customers to quickly register

Footer
- Contact us, Privacy etc.
- Copyright text should be below footer links
- How should the footer look?

Target User
- Current Customer
- Potential Customer

Judging Criteria
- How well you create a NEW Sign In page design 
- Cleanliness of your graphics and design
- 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 files.

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. We may ask you to update your design or graphics based on other winning placements.

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:

2014 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: 30034726