Mockup an HTML questionnaire - desktop/mobile - responsive design

This is the design (mockup) of a question/answer system that must be:

* SIMPLE - easy to use, and big fonts for older users

* Beautiful - nice colours and animations/transitions

* Interesting - keep the user entertained

* "Happy" - professional but not dry/boring

The mockup/prototype is to choose colour themes, fonts, transitions/animations and layouts for a slide-show of questions (questionnaire). After this competition: once the user interface is chosen, the winner(s) will be invited to continue the work for a project to apply this theme to another 40-50 questions in the questionnaire.

The questionnaire content will be about medical questions. For the mockup we are using 'pets/animals' questions. Use colours (no imagery) or neutral imagery (e.g. nature, people etc). No imagery is fine for now, we can add imagery between questions, or in the background later.

Questionnaire Questions types for slideshow:


Slide type - Autosuggest

Enter which animals & pets you have

[ Autosuggest box, e.g. of 30 animals ]

Add up to 9 - these can be separate slides or in one.

Allow removal/editing of previous entered items


Slide - type Option selection

e.g. Why did you get a [pet type] (for each pet chosen)

options, e.g. for

- company & companionship

- security

- compassionate reasons [mouse over/hover: e.g. to look after an animal shelter animal]

- amusement and fun

- fitness - keeps me active

- other [ enter reason ]


Slide Type Choice - Yes / No / I Don't Know

Do you want to have a pet in future? Y / N / I don't know

Do you have time to look after one? Y / N / I don't know


Slide Type - Fields/form - Personal details

Name, date of birth, ZIP/postal code

Comments & Requests

How you found out about us


This is just for layout ideas and style



* Show progress (bar?? other??)

* Allow save & resume later

* Space for a logo - e.g. 200x100px in corner

* SIMPLE. Easy to see, for older people (big fonts etc)

* Works on Desktop & mobile browsers (iPad, Android, PC, Mac) - IE7+, Chrome, Firefox, Safari

* Fun use of transitions and animations to make interesting

Early mockup can be drawings (e.g. pencil, photoshop, illustrator etc), but final result must be HTML for desktop/mobile. Please put one design (or link to design) in each entry, not several :)

Some design cues:

Mockup for:

Enter your demographic details: [url removed, login to view]

Goto: [url removed, login to view]

Sliding questions: [url removed, login to view]

Thinking (animated ball): [url removed, login to view]

#scroll sections as buttons [url removed, login to view]

[url removed, login to view]

[url removed, login to view]

[url removed, login to view]

[url removed, login to view]

Statistic: [url removed, login to view]

* Enter your demographic details: http://codepen.io/abergin/pen/jIplf
Goto: http://codepen.io/jakob-e/pen/sDplw
Sliding questions: http://codepen.io/mshwery/pen/EJpAq
Thinking (animated ball): http://codepen.io/wifeo/pen/FBpJq
#scroll sections as buttons http://codepen.io/pixelass/pen/vqoyf http://codepen.io/rickzanutta/pen/bBHAz http://codepen.io/hugolpz/details/hcxFq http://codepen.io/SebL/pen/noGuq http://codepen.io/onediv/pen/dkFco Statistic: http://codepen.io/stefanjudis/pen/gkHwJ

Beceriler: Grafik Tasarımı, HTML, Kullanıcı Arayüzü / IA, Web Sitesi Tasarımı

Daha fazlasını görün: why responsive website, why do you want to work for us answer, why do you want to work for this company, which mac for graphic design, website design pet, website design company name ideas, user interface graphic design company, type fonts in graphic design, themes for android, theme design in photoshop, the competition to design a logo, statistic website design, some design of nice logo, some beautiful logo design, slides website design, simple graphic design resume, show box for android, show-box android, shelter design logo, save the date graphic design, safari logo design, resume types, resume logo ideas, resume fonts, responsive website themes

İşveren Hakkında:
( 15 değerlendirme ) Croydon, Australia

Proje NO: #6493434

16 freelancers are bidding on average $189 for this job


hi, Lets discuss further Please have a look at my portfolio Design Work: [url removed, login to view] [url removed, login to view] [url removed, login to view] HTML5 / S Daha fazlası

in 3 gün içinde200$ USD
(281 Değerlendirme)

Hi, I am interested in this project. I checked your details and understand your requirements. I am available here to discuss more with your project. Please come to chat with me. Can you sent me a link of similar sli Daha fazlası

in 6 gün içinde210$ USD
(380 Değerlendirme)

Hi I have more than 4 year in Design and Develop responsive website, Jquery, HTML, CSS so I believe I will make you happy in both the quality work and the service I provide you. Please check out some recent re Daha fazlası

in 5 gün içinde210$ USD
(121 Değerlendirme)

A proposal has not yet been provided

in 7 gün içinde198$ USD
(104 Değerlendirme)

Need to discuss this in detail,please tell me how we can start the discussion on this requirement. We have a team of 34 professionals,they have more than 11 year of experience, expertise in php/mysql and their MVC f Daha fazlası

in 10 gün içinde200$ USD
(13 Değerlendirme)

Hello Sir/Madam, We have checked your project description. We are interested to work on this project for you. We will satisfy your needs beyond your expectatoin. We request you to check our reviews on freelancer Daha fazlası

in 7 gün içinde263$ USD
(28 Değerlendirme)

Hello, Greetings! I have gone through all the requirements very sincerely. I can understand that you are currently looking out for an efficient, creative and professional web developer/designer to create a mocku Daha fazlası

in 7 gün içinde157$ USD
(6 Değerlendirme)

Hello, I am ready to design nice user interface... Kindly let me know so that i can start design and provide you mockup deisgns. I have four and half years of professional experience in designing, developing script Daha fazlası

in 3 gün içinde150$ USD
(72 Değerlendirme)

Dear Employer, PVsys TOP WORK :: [url removed, login to view] [url removed, login to view] [url removed, login to view] [url removed, login to view] [url removed, login to view] Daha fazlası

in 20 gün içinde210$ USD
(13 Değerlendirme)

Hi, Ready to build your questionnaire [url removed, login to view] site will be responsive,I will use bootstrap.I have gone through all the points,everything looks fine but if there are any issues we may need to disucss later. Ri Daha fazlası

in 7 gün içinde244$ USD
(9 Değerlendirme)

Hi there, I’ve read your brief and can see that you’d like to build an website responsive design . My team has 6 years experience designing and developing website.. I would approach your project by starting with Daha fazlası

in 5 gün içinde150$ USD
(11 Değerlendirme)

I can help you. No problem. Why you choose me: 1. On Time Completion and Budget. 2. If changes are required, I make them instantly. 3. I provide continuous support even after the project is over.. Thanks

in 3 gün içinde127$ USD
(6 Değerlendirme)

Hello sir, I am a PHP Certified Developer having an experience of more than 5 years in development platform. I am ready to start work with you now. I have read your Project Details and understood 100% that what y Daha fazlası

in 3 gün içinde184$ USD
(3 Değerlendirme)

Hello, I have gone through your project description and i am very much interested in this project. i have 7 years of experience in Adobe Photoshop,PHP,HTML5,CSS3,WordPress,Joomla,magneto,Graphic Design(Logo,Flyer,B Daha fazlası

in 5 gün içinde178$ USD
(4 Değerlendirme)

Hello There, I am representing an award winning Web & Mobile Application development company We do mobile apps development, android apps development , ios apps development , iphone apps development and window Daha fazlası

in 15 gün içinde180$ USD
(6 Değerlendirme)

I m interesting your project.. i m expert of website design graphic design ,banner design,logo design ,banner design,Adobe Photoshop and j2ee developer .. i m really glad to tell you i m perfectly to done it your proje Daha fazlası

in 2 gün içinde133$ USD
(1 Değerlendirme)

Respected Hiring Manager, I have understand your all needs so I am giving you assurance that I will definitely provide responsive, unique, elegant design of HTML questionnaire.I am a amazing, advance and professiona Daha fazlası

in 3 gün içinde177$ USD
(0 Değerlendirme)

I am a individual Web developer and designer having 7+ years of experience in Developing web applications using PHP/MYSQL [url removed, login to view] in PHP frameworks as CodeIgniter and CMS as WordPress and Magento,[url removed, login to view] Daha fazlası

in 5 gün içinde127$ USD
(1 Değerlendirme)