• This is a personal website for a life coach with 6 pages. Attaching a basic idea created on a keynote presentation. This needs to have the following features:
• Use of valid HTML5 and CSS3 (Well commented)
• Load-speed optimized
• SEO-friendly code
• Cross-browser compatibility (Chrome, Firefox, IE 8+, Safari)
• Cross-device compatibility
• Hover effects
• Interaction and JS for dynamic elements (menus, sliders, tab, google map and google map pop-up)
• Easy to edit test and add contents
• Intro page: Slide 1 – Similar to [url removed, login to view] page but with our picture and style. When clicked it should flip page to revile stories in the bottom like [url removed, login to view] and our next slide with Swamy photo. On mouse over for words like clairvoyant or Oracel should show meaning of the word. Only on this page.
• Stories: Slide 2 to 9 – When stories is clicked @ any page. It slide the entire page from bottom to top (move the entire page up with hals still seen with navigation menus) with all the stories in cover flow format. It should be easy to add and remove for later updates. Also, when clicked it should turn to show more details with scroll if information as text is more.
• Any button click should flip multiple pages if it needs multiple turn or just one if it’s the next page.
• Focus area: Slide 10 to 12 – It needs to in page with scroll and similar to Pinterest and when clicked should more details. Can we random as shown in [url removed, login to view]
• My approach: Slide 13 – Need something simple to show 3 step process. Provision to had intro video later.
• FAQ: Slide 14 & 15 – We like this to be like [url removed, login to view] which auto shows or hide when clicked.
• Contact: Slide 16: Simple with mailing option.
We like the following website very much and would like to merge the effects accordingly.
• [url removed, login to view] (Intro Page and Stories section)
• [url removed, login to view] (menu bar)
• [url removed, login to view] (faq)
What we like to keep from the basic idea/concept provided:
• Flip-page animation
• Introduce peacocks/ peacock feature influence in each page of the website
• Elegance of showcasing experience, similar to pinterest
You may download the keynote file which provide necessary idea and images from below google drive.