Animated HTML 5 iPad micro-site demo based on a product PDF brochure
$250-750 USD
In Progress
Posted over 11 years ago
$250-750 USD
Paid on delivery
We need to create an iPad HTML5 micro-site based on a product brochure.
This micro-site will include small CSS and similar animations, like making a button glow fading in and out, and animated some line and bar charts and animating some text (making it appear with fade in or similar).
The site will have:
- Top menu with following links: Home (links to the start page), Product 1 (links to content page 1), Product 2 (links to content page 2), Product 3 (links to content page 3), References (links to the text PDF page), Calendar (links to the calendar page)
- Bottom menu will have several options that will be either dummy submenus or link to the survey page
- A starting page
- 3 content pages
- 1 text PDF
- 1 calendar page
- 1 survey page
Starting page
It has an image, some text will fade in, then some other text will fade in, then one button on the image will begin to glow fading in and out, and then the user presses on that button, it will move to the next screen.
Content pages
They will start with a big chart (one is a line chart and two are sort of bar charts with arrows instead of bars). The cart has to appear animated (like growing), and the screen will have two buttons:
- References: will open a small window with some text reference
- Key points: will open a small window and a bullet of text will appear with fade in, and when user taps the screen, another text will fade in, another tap will go back
PDF page
Will simply show a PDF to scroll (could be converted to an image)
Calendar page
Will show a calendar page with some events on some dates. No interaction there.
----
We'll provide the brochure PDF as an AI file with all the elements, but we'll need from you to design the screens in general (using colors and elements provided, but will need the design of the menus for example, some buttons, windows with close button, etc.)
Only the following technologies can be used: HTML5, CSS3 transforms, jQuery and WebKit
This will need to be done somehow quickly and we'll need a deep interaction with you.
Thanks.
Hi, we have made many small html5 sites with animation on ipad so that we are sure to complete this project for you.
Please check PMB for detail.
Thank you.
I am excellent with HTML and CSS, I am trained and have extensive knowledge of packages such as Adobe Dreamweaver, Adobe Photoshop, Adobe Illustrator.
I have experience with cross-browser and cross-platform issues (IE, Firefox, Safari, etc.).
I believe that SEO starts with the development of the website so, as web developer/designer I also do the in-page SEO.
I possess a unique talent for delivering highly complex technical information into terms and concepts that the end users can readily grasp.
I understand the importance of customer-service orientation and hold creativity in problem-solving.