Landing Page + 2 supporting web pages (design & coding- total 3 pages)

You are required to develop from start to finish (files ready to FTP) the following pages in CSS/XHTML(or other), W3C verified, cross browser-compatible: 1. A landing page, this should: be designed off the mock-up we give you. Will include pop-unders, and link to... 2. Linked pricing/buy page, this should: be designed off the mock-up we give you. Will include pop-unders, mouse scroll-overs and link to... 3. Inner order form page, this should: be designed off the mock-up we give you. Will include pop-unders, and will capture customer info.(will not be capturing true order info- i.e no SSL and cart will be required as it is a test site). ## Deliverables **Company/ Product Background:** Our company is in business to provide our customers with a high quality, results driven brain-enhancing product that keeps them ‘on top of their game’. This is a start-up company, and as such we are launching our 1st product, producing a relaxed state of focus and concentration, reducing stress and improving overall mental performance. The product is aimed at corporate executives in US cities. Potential customers will find the landing page via Google PPC ad clicks. **Summary of Work:** Three main pages are required to be DESIGNED and coded. a) Design: o You will be required to design a page banner in keeping with the theme of the product, logo and colour scheme. Banner will be used across top of each page(same banner each page). We will provide the basic element to be adapted for the banner. o You will be required to design for all 3 pages, page layout and flow and mix in custom elements (as described below in details of work) that compliment the logo and colour scheme provided. o You will be required to choose (from font and colour scheme provided by us), appropriate font, size and colour for particular elements (such as wording for guarantee). First , we will require a mock-up of the 3 pages + pop under page element to be done in photoshop or similar file to be sent to us for approval or further refinement. If we need the mock-up refined (modified), we will send it back with refinement suggestions. Once mock up is approved by us, it is ready to be coded. b) Coding: o Coding of all pages should be optimised for quick loading. o Coding for all pages should be as per W3C standards & pass validation, be cross-browser compatible/supportive (minimum up to: IE7 & Firefox 3, Safari, Opera etc..) o Pages should have an element of SEO ??"i.e. should incorporate Keywords in tags, text in graphics should be 'readable' to spiders etc.. (we will supply keywords to use) Once coding is done and tested by you, and files uploaded to our web server, we will test functionality. If any refinements to functionality are required, we will suggest what is required and you will revise code to accommodate and implement those suggestions. Once complete to our satisfaction, project will be considered complete and final payment released. **Details of work:** You are required to develop from start to finish (pages/files uploaded to our 3rd party, shared, hosted webserver) the following: 1. **A landing page**, this should: a. be coded in CSS/html and/or other language as most suitably required for components such as pop ups etc b. coding also required to incorporate web page analytics (tracking) such as Google Analytics or similar(crucial) c. be simple and professional in visual design and flow d. not have any text or copy embedded into graphics e. be easy to navigate f. translate our brand identity across the page (i.e. logo, font, colours etc) g. link to pricing page **Note**: copy for all the pages (including pop-under) will be provided along with our key brand identity elements (logo, font etc) The landing page should also include the following elements: a. Pop-under, opt in box with graphics(to capture user data if they exit page) 1. Pop up box with bottle label(product info label) 2. credibility elements (Guarantee seal, verification certificates, ‘In the news’…) 3. testimonials with photo, OR may do video testimonials (to be decided) 4. buy buttons to link to pricing page **Note**: We will provide the testimonial photos(video?) & copy and the bottle label(product info label) An example Landing Page is attached. This shows approximate positions & possible types of elements as discussed above **2. ** **Linked pricing/buy page,** this should: a. Link from the landing page via buy buttons b. Include a mouse ‘roll over’ to reveal price of buying 1 bottle or 3 bottles. c. Buy now button links to order form page d. coding also required to incorporate web page analytics (tracking) such as Google Analytics or similar An example Pricing/Buy Page is attached. This shows approximate positions & possible types of elements as discussed above **3. ** **Inner order form page**, this should: a. Link from the buy page via buy now button b. Provide another under, opt in box with graphics (same one as landing page to capture user data if they exit page) c. coding also required to incorporate web page analytics (tracking) such as Google Analytics or similar An example Pricing/Buy Page is attached. This shows approximate positions & possible types of elements as discussed above **Please Note: the order form page** will only be required to track clicks and voluntarily capture customer information via a form.(we will initially capture name & contact details, to contact customer back once product is ready to ship). No actual product order form will be required in this project, nor any encryption/cart software etc, as no sensitive information will be captured at this point, and no actual ordering of product will take place. For all pages integration with auto responder software and tracking(analytic) software will be required. For each of these pages, all copy, the branding elements (logo, font, colours) and basic site structure ideas will be provided by us. I have attached a flow diagram of user 'click-through' to provide a guide to how the pages and pop-ups etc.. will integrate into the overall site structure. Also attached are 4 x .JPEG 'snapshots' of competitor sites for reference. **Other Terms:** -Please do not apply for this job if you cannot meet the requirements of this job in terms of skills, timeframes and personal integrity. -Subcontracting of this job to others is not allowed. -Buyer (myself) becomes the owner of all rights to the material produced. All the best, Jason.