Challenge Summary
Welcome to the Hestia B2B "GUI PSD Kit" UPDATE Contest. The goal of this contest is to review the provided Hestia B2B Application screens and update the listed Hestia B2B UI Elements and add them into existing GUI PSD Kit.
At the end of this contest the Client is looking to have a clean set of updated PSDS that capture all the recent UI changes within Hestia B2B.
Read the Contest Details carefully and let Hestia know if you have any questions.
Hestia B2B GUI PSD Kit IMPORTANT - Group/package each of UI elements in its own folder layer with appropriate name. - Categorize PSD's based on specific UI elements - You MUST recreate some graphics if the PSD source is not available. - Do not put flatten layers into GUI Kit, all UI elements need to be captured and easily editable in the PSD layers. - Reference the provided PSD files for the Hestia B2B UI - Please compare existing GUI Kit and provided Prototype (HTML/CSS/JS) or PSD Source to update existing or add any NEW UI Elements. - Keep layout consistent for all sections. - Feel free to add new sections if you feel the NEW elements you see do not fit within existing sections of the GUI Kit (you can also rearrange the GUI kit if you think they should be organized differently) GUI Kit List of Updates We might miss/forget some UI Elements, please help us add/update based on the provided prototype and PSD resources. Please help us categorize UI elements into their proper sections. Also let us know your questions of any UI elements in the contest forums to help us capture all UI elements into the Hestia GUI Kit New Merchandising Homepage Layout Prototype Reference: fol-prototype-my-account/homepage.html Login Page Layout Prototype Reference: fol-prototype-my-account/login.html & fol-prototype-my-account/login-alt.html PSD Reference: 01~{Sign In}.AIO.psd Credit Card Checkout Layout Prototype Reference: inside fol-prototype-credit-cards-v7 folder PSD Reference: psd-resource/credit-card folder Update Functions sections Recently we added some new functions in Hestia B2B Application like: - NEW looks of Cart and My List top bar, you can see this in: fol-prototype-credit-cards-v7/cart.html - New Recently Viewed Items in fol-prototype-3.2/index.html - Ship to Carousel functions in fol-prototype-credit-cards-v7/ship_to.html Add New Template sections Since the first GUI Kit was released, we create some new layouts, please do research on provided prototype, then put them under Secondary Page Template. Update Button sections There are some new buttons please research and add them under Button Sections Notice you should also add the new Preloader used in prototype. Prototype Reference: fol-prototype-my-account, fol-prototype-credit-cards-v7, fol-prototype-my-account, fol-prototype-3.2 and fol-prototype-quote PSD : psd-resource folder Update Form UI sections Update Select/Dropdown to Browser based elements in Form UI sections Update Checkboxes to Browser based elements in Form UI sections Update Icon sections There are some new buttons please research and add them under Button Sections Prototype Reference: fol-prototype-my-account, fol-prototype-credit-cards-v7, fol-prototype-my-account, fol-prototype-3.2 and fol-prototype-quote PSD : psd-resource folder Page Layout please research and add them under Page Layout Sections Prototype Reference: fol-prototype-my-account, fol-prototype-credit-cards-v7, fol-prototype-my-account, fol-prototype-3.2 and fol-prototype-quote Update Continue Shopping Button and Request a Special Product Icon Prototype reference: fol-prototype-credit-cards-v7/review_order.html PSD Reference: psd-resource/credit-card/quote/layout-quote.psd - Update Continue Shopping to have more bright green color like green color in "Submit Order" button (fol-prototype-credit-cards-v7/review_order.html) - Update "Crate" icon used in Request a Special Product link, right now the crate looks like a wall vent/grate, we need you to improved the icon to look more like a "shipping crate". - After you complete these updates, please add them into the GUI Kit Target User - Designers and Developers of the Hestia B2B Application Judging Criteria - How well you capture the NEW UI elements into Hestia B2B GUI PSD Kit - How well you update old looks of some UI elements into Hestia B2B GUI PSD Kit - Cleanliness of your graphics, design and ability to stay within the given design reference. 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 All Requested Contest Submission Requirements stated above. 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 fonts (sizes or colors) or modify overall storyboard colors.
Round 1
Your submitted design solution for a review. Hestia-B2B-GUI-Kit = Give us an idea of how your going to present and package your GUI Kit - Contain as much information as possible for Review - You can submit PNG/JPG of your updates - Make sure your PSD files are updated/created correctly - Update the Continue Shopping Button and Request a Special Product icon for review - Document any issues you see or would like us to know about.Round 2
Your submitted design Final - Final GUI Kit 2 Files = JPG/PNG and Source PSDs for review (we need to check your layers/organization) - Final Continue Shopping Button and Request a Special Product IconHestia B2B GUI PSD Kit IMPORTANT - Group/package each of UI elements in its own folder layer with appropriate name. - Categorize PSD's based on specific UI elements - You MUST recreate some graphics if the PSD source is not available. - Do not put flatten layers into GUI Kit, all UI elements need to be captured and easily editable in the PSD layers. - Reference the provided PSD files for the Hestia B2B UI - Please compare existing GUI Kit and provided Prototype (HTML/CSS/JS) or PSD Source to update existing or add any NEW UI Elements. - Keep layout consistent for all sections. - Feel free to add new sections if you feel the NEW elements you see do not fit within existing sections of the GUI Kit (you can also rearrange the GUI kit if you think they should be organized differently) GUI Kit List of Updates We might miss/forget some UI Elements, please help us add/update based on the provided prototype and PSD resources. Please help us categorize UI elements into their proper sections. Also let us know your questions of any UI elements in the contest forums to help us capture all UI elements into the Hestia GUI Kit New Merchandising Homepage Layout Prototype Reference: fol-prototype-my-account/homepage.html Login Page Layout Prototype Reference: fol-prototype-my-account/login.html & fol-prototype-my-account/login-alt.html PSD Reference: 01~{Sign In}.AIO.psd Credit Card Checkout Layout Prototype Reference: inside fol-prototype-credit-cards-v7 folder PSD Reference: psd-resource/credit-card folder Update Functions sections Recently we added some new functions in Hestia B2B Application like: - NEW looks of Cart and My List top bar, you can see this in: fol-prototype-credit-cards-v7/cart.html - New Recently Viewed Items in fol-prototype-3.2/index.html - Ship to Carousel functions in fol-prototype-credit-cards-v7/ship_to.html Add New Template sections Since the first GUI Kit was released, we create some new layouts, please do research on provided prototype, then put them under Secondary Page Template. Update Button sections There are some new buttons please research and add them under Button Sections Notice you should also add the new Preloader used in prototype. Prototype Reference: fol-prototype-my-account, fol-prototype-credit-cards-v7, fol-prototype-my-account, fol-prototype-3.2 and fol-prototype-quote PSD : psd-resource folder Update Form UI sections Update Select/Dropdown to Browser based elements in Form UI sections Update Checkboxes to Browser based elements in Form UI sections Update Icon sections There are some new buttons please research and add them under Button Sections Prototype Reference: fol-prototype-my-account, fol-prototype-credit-cards-v7, fol-prototype-my-account, fol-prototype-3.2 and fol-prototype-quote PSD : psd-resource folder Page Layout please research and add them under Page Layout Sections Prototype Reference: fol-prototype-my-account, fol-prototype-credit-cards-v7, fol-prototype-my-account, fol-prototype-3.2 and fol-prototype-quote Update Continue Shopping Button and Request a Special Product Icon Prototype reference: fol-prototype-credit-cards-v7/review_order.html PSD Reference: psd-resource/credit-card/quote/layout-quote.psd - Update Continue Shopping to have more bright green color like green color in "Submit Order" button (fol-prototype-credit-cards-v7/review_order.html) - Update "Crate" icon used in Request a Special Product link, right now the crate looks like a wall vent/grate, we need you to improved the icon to look more like a "shipping crate". - After you complete these updates, please add them into the GUI Kit Target User - Designers and Developers of the Hestia B2B Application Judging Criteria - How well you capture the NEW UI elements into Hestia B2B GUI PSD Kit - How well you update old looks of some UI elements into Hestia B2B GUI PSD Kit - Cleanliness of your graphics, design and ability to stay within the given design reference. 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 All Requested Contest Submission Requirements stated above. 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 fonts (sizes or colors) or modify overall storyboard 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.