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: 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

Bu iş için 16 freelancer ortalamada $189 teklif veriyor


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

in %bids___i_period_sub_35% gün içinde200%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(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 Fazla

in %bids___i_period_sub_35% gün içinde210%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(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 Fazla

in %bids___i_period_sub_35% gün içinde210%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(121 Değerlendirme)

A proposal has not yet been provided

in %bids___i_period_sub_35% gün içinde198%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(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 Fazla

in %bids___i_period_sub_35% gün içinde200%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(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 Fazla

in %bids___i_period_sub_35% gün içinde263%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(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 Fazla

in %bids___i_period_sub_35% gün içinde157%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(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 Fazla

in %bids___i_period_sub_35% gün içinde150%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(72 Değerlendirme)

Dear Employer, PVsys TOP WORK :: [login to view URL] [login to view URL] [login to view URL] [login to view URL] [login to view URL] Daha Fazla

in %bids___i_period_sub_35% gün içinde210%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(13 Değerlendirme)

Hi, Ready to build your questionnaire [login to view URL] 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 Fazla

in %bids___i_period_sub_35% gün içinde244%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(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 Fazla

in %bids___i_period_sub_35% gün içinde150%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(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 %bids___i_period_sub_35% gün içinde127%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(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 Fazla

in %bids___i_period_sub_35% gün içinde184%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(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 Fazla

in %bids___i_period_sub_35% gün içinde178%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(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 Fazla

in %bids___i_period_sub_35% gün içinde180%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(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 Fazla

in %bids___i_period_sub_35% gün içinde133%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(1 Yorum)

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 Fazla

in %bids___i_period_sub_35% gün içinde177%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(0 Değerlendirme)

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

in %bids___i_period_sub_35% gün içinde127%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(1 Yorum)