Survey Form Development Support
Support the development of a mobile-responsive survey form using HTML and CSS.
Overview
Support the development of a mobile-responsive survey form using HTML and CSS.
You have:
- Demonstrated experience building responsive web forms using HTML5 and CSS3
- Working knowledge of form input types and accessibility best practices
- Ability to follow a provided specification document and question list accurately
- Experience with mobile-responsive design using CSS Flexbox, Grid, or equivalent
- JavaScript knowledge for section navigation and progress tracking is an asset but not required
Contract
This is a UNV contract. More about UNV contracts.
timbuktoo Africa Innovation Foundation is a pan-African innovation initiative anchored in UNDP's Regional Bureau for Africa, supporting African founders to start, grow, and scale. The Foundation is developing the Investor Readiness Index (IRI) — a diagnostic tool designed to assess the readiness of enrolled startups across key institutional dimensions. The IRI will be available to founders via the Foundation's web platform (timbuktooafrica.org) and used by the programme team to evaluate and support startups across the timbuktoo portfolio. A core component of the IRI is a structured 60-question survey organised across seven thematic sections. Before backend scoring logic can be integrated, the survey needs to be built as a clean, functional front-end form — properly structured, mobile-responsive, and navigable across sections.
We are looking for two online volunteers to support the front-end development of the IRI survey form. The online volunteers will build the HTML and CSS structure of the 60-question survey across its seven sections as a functional, mobile-responsive web form. The form will: - Display all 60 questions organised across seven clearly labelled sections, as specified in the question list provided by the Foundation - Support multiple question types — multiple choice, Likert scale, and short text input - Be navigable across sections with a visible progress indicator - Be mobile-responsive and render correctly on both desktop and mobile screen sizes - Be delivered as clean, well-commented HTML/CSS source code ready for backend integration by the Foundation's development team - The output of this assignment is one completed, mobile-responsive front-end HTML/CSS survey form — covering all 60 questions across seven sections — delivered as commented source code files to the Foundation's technical team within the agreed timeline.
- Demonstrated experience building responsive web forms using HTML5 and CSS3
- Working knowledge of form input types and accessibility best practices
- Ability to follow a provided specification document and question list accurately
- Experience with mobile-responsive design using CSS Flexbox, Grid, or equivalent
- JavaScript knowledge for section navigation and progress tracking is an asset but not required
Potential interview questions
| Can you describe your previous experience building responsive web forms? | This question assesses your practical experience and skills in web form development. | Highlight specific projects and technologies used, emphasizing your experience with HTML5 and CSS3. |
| What strategies do you use to ensure accessibility in web forms? | Understanding accessibility is critical for creating inclusive web experiences. | Pro members can see the explanation. |
| How do you approach following a given specification for a project? | Pro members can see the explanation. | Pro members can see the explanation. |
| What is your experience with CSS Flexbox and Grid for mobile responsive design? | Pro members can see the explanation. | Pro members can see the explanation. |
| Can you provide an example of how you implemented a multi-step form in a previous project? | Pro members can see the explanation. | Pro members can see the explanation. |
| How do you test the responsiveness of your web forms? | Pro members can see the explanation. | Pro members can see the explanation. |
| What steps do you take to ensure your code is clean and well-commented? | Pro members can see the explanation. | Pro members can see the explanation. |
| Are you familiar with any JavaScript libraries that could enhance form functionality? | Pro members can see the explanation. | Pro members can see the explanation. |
Added 20 hours ago
-
Updated 59 minutes ago
-
Source:
unv.org
Recent jobs at UNDP
14 days left
14 days left
14 days left
14 days left
