Web design para http://cobalt.persomi.com

Fixed price applies only to Phase 1 (photoshop of concept design) Scope: We are looking for a freelancer to web design the site [login to view URL] (content is almost, but not fully, complete at this stage). To replace current site at [login to view URL] No agencies please. - Login link destination page is outside of scope - Resources area is meant to be structured as a Blog - (see current web site) - Front page template - Article/Resource List template with pagination - Individual Article/Resource template - additional pages to include in design which are not link accessible: - Newsletter signup thank you page - Newsletter confirmation page General design guidelines: - We are looking for a more “professional” and “clean” look (than the current site) - Good attention to white space and typography - We want less “chrome” - style should not get more relevance than content - We prefer that content is directly accessible/viewable - hiding under tabs or sliders or other elements that require interaction is not what we are looking for - Refrain from using JavaScript as much as possible - simplicity is key here. - design should make best effort to use corporate branding colors in [login to view URL] - CS6 photoshop of Persomi logo will be provided - We can share examples of web sites that can serve as inspiration Technical requirements: - access to a git repository (on Bitbucket) will be provided and work product must be committed there - Animated GIFs are also in the git repository - site is (and must continue to be) Hugo based (static site generator - [login to view URL]) - prior experience with Hugo is not required. - site is Twitter Bootstrap 3.2 based (and custom styles must build upon that) - site must be responsive - styles must be defined in Less CSS format - images must be retina ready (x1 and x2) - code elements (css class names, IDs, variables) must all be in english Planning: Phase 1 - We are looking to get an initial proof of concept design for the home page only (can be image/photoshop - html/css not required at this stage). This does not need to be fully polished, but will need to be sufficient for us to understand the general direction of the design. Based on this we will decide if we move forward to next the phases. Phase 2 - implement web design throughout the rest of the web site, except: Resources area (blog) The two vector diagrams Phase 3 - implement templates for Resources area (blog) Phase 4 - vector design (with potential animation) - Home page: 3 steps "How it works" - Why Persomi - diagram of where Persomi fits in the overall system’s landscape of the retailers To apply, please provide: - up to date link to portfolio - hourly rate - accurate estimation of number of hours and deadline to deliver Phase 1 - very rough estimate in number of hours and deadline to deliver Phase 2