A personal website for Life Coach on a flip page animation website with responsive layout

Project Description:

• 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

• Centered

• 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

• Backgrounds

• 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.

Ικανότητες: CSS, Σχεδιασμός Γραφικών, HTML5, Javascript, Σχεδιασμός Ιστοσελίδας

Περισσότερα: what is interaction design, website with video intro, website top menu bar design, website for text design, website for graphic design help, website for 10, website design responsive, video presentation effects, top auto website design, top animation website, test and turn up, step design website, slide animation for website, simple personal website design, seo coach, responsive menu design, pop layout, personal page layout, peacock design, mouse for graphic design

Σχετικά με τον Εργοδότη:
( 0 αξιολογήσεις ) India

Ταυτότητα Εργασίας: #5946144

1 freelancer κάνει προσφορά κατά μέσο όρο ₹9997 για αυτή τη δουλειά


Hello, This is Ankit from Sveltose Infotech India. It would be a great pleasure participating in this Project. We are a company of 5+ years experience with a team of designers, developers, testers, leads with 5+ years Περισσότερα

₹9997 INR σε 4 μέρες
(8 Αξιολογήσεις)

A proposal has not yet been provided

₹5555 INR σε 3 μέρες
(2 Αξιολογήσεις)