Build an interactive 5-page (+ additional subpages) website (Creating a fluid user experience to watch videos, take and share a 10 question online quiz, create a mobile/tablet-friendly version of the site, create a user-friendly back-end interface to make

En curso Publicado Apr 20, 2014 Pagado a la entrega
En curso Pagado a la entrega

Hi, I need to build a small but dense website (for use in the U.S.) that is very, very elegant and beautiful for the end user.

Attached are two images to give a hint at the complexity of the site -- but trust that it is a little more complex than what is seen in these two images. I have a budget of $300.00 USD. I need to create this for $300.00. Can you do this?

OVERVIEW:

It is a website where a user will watch videos, read articles, take a 10-question online quiz*, easily share content with friends (on all social channels, FB, Twitter, Instagram, etc.)

It needs to be built from start to finish, fully optimized for SEO, safeguarded against hackers, etc. for web, tablet and mobile, and created with a clean, user-friendly backend so that a user (with a personalized username/password) can easily go in and make changes to content on the backend in a clean and easy way. I request that the site NOT be built on Wordpress. What platform should it be built on? Why? If SiteLock isn't the best service to use to protect it, what is? Why?

Also, one of the pages of the site features 50 FAQs, and another page features a dictionary with 100 terms, photos, definitions, etc -- these pages must seamlessly be able to pull and display information (showing only one at a time) and empower the user to easily click through each term to scroll through.

WHAT EXISTS ALREADY:

I have most of the .UI mockups in .PSD -- however, the fluidity of the user experience is not yet defined. (Note: no .UI mockups exist for tablet/mobile, you will need to modify the existing ones to create new ones for those platforms).

REQUIREMENTS FOR USER EXPERIENCE:

I want the site experience to be incredibly modern and elegant, to "dim" when you scroll the page, to have a responsive (i.e. human, not robotic) response to clicking a button, or transitioning from page to page, to make it feel more intimate and responsive (i.e. as seen on Pinterest when you choose to pin something).

Note: Some of the subpages will likely need to open "lightboxes" but i would like them to do so in a clean and easy that way that doesn't compromise the user experience or overwhelm the existing site layout when the box opens. You should easily be able to transition between content in a way that makes sense and makes you want to open and close pages, dive deeper into the site, and return back to homepages with ease.

Note: The online quiz might be one of the more complex pieces of the site due to the fact that it will generate a different score based on how right or wrong you do on the quiz. I will need you to take lead to "devise" the mechanism that determines scoring and then delivers a different numerical score (on top of a graphic) to appear on the user's screen after the quiz is completed.

In regard to the "smart transitions" and "interaction design" that I'm seeking to make the experience very elegant, this is a brief article in re: what I'm referring to:

http://www.smashingmagazine.com/2013/10/23/smart-transitions-in-user-experience-design-2/

http://www.kirupa.com/html5/easing_functions_css3.htm

Also, this is an example of the lighting/shading changing responsively to the user's mouse:

http://kennardlilly.com/clients/howhigh/

Also, for any error pages or File Not Found pages:

I want you to please notify me of what these pages will be, how many there potentially could be, and we can then devise a clever, witty piece of "microcopy" to accompany whatever on-screen message would be on one of these pages. For example, on the contact page, if someone sends an email to us, we want to a clever, witty, personalized "your email has been sent" message to come up on their screen. This is NOT designed yet, but we will need it to be.

Diseño creativo SEO Seguridad web Diseño de sitios web Verificación de páginas web

Nº del proyecto: #5833303

Sobre el proyecto

13 propuestas Proyecto remoto Activo Apr 22, 2014

13 freelancers están ofertando un promedio de $388 por este trabajo

thinkteam

A proposal has not yet been provided

$250 USD en 10 días
(13 comentarios)
3.4
vijaysairam

Hi vijay have good exp in data entry, webscraping love to have this job I have good team of 5 members

$155 USD en 3 días
(0 comentarios)
0.0