0 / 20
25:00
Guard the fire of focus, for it transforms chaos into clarity.

Surveyface

A non-profit application that helps students and researchers to create surveys, distribute and collect responses efficiently, (theme builder, Run campaign, collect results, analyze response, generates research documents)

Published: 01:30 am · 01 Mar 2017

Survey tool
Survey templates
Theme builder
Skip logic
Weblink collector
Email invitation
Popup invitation
Web embed collector
Response browser
Report summery
Address book
WebRTC

Banner
Surveyface Banner by Riaz Ahamed

Abstract

SurveyFace is an innovative online survey tool designed to streamline the creation and distribution of surveys. With its intuitive interface, users can easily design custom surveys using a variety of templates. The platform offers robust analytics to provide real-time insights, helping users make data-driven decisions. Collaboration features allow teams to work together seamlessly, and surveys can be shared across multiple channels, ensuring maximum reach and participation. Whether for market research, customer feedback, or academic studies, SurveyFace is a versatile solution that enhances the survey experience.

Project information

Maintainer: Thisys Software Solutions Industry: Market Research, Academic research Category: Survey Software (Single Page Web Application) My Contribution Period: Feb 2014 - Mar 2017 Current Status: No Active Development Availability: Live Location: Thanjavur, Tamil Nadu, India - Australian management

Contribution

Position: Front End Developer & UI/UX Designer Type: Full-time


Services offered

  • PHP bug fixes: Resolved critical issues and improved the stability of PHP-based applications.
  • Rebranding and relaunching: Redesigned the visual identity and user experience of the application to align with modern branding standards.
  • Performance optimization: Enhanced the speed and efficiency of the application to deliver a seamless user experience.
  • Custom plugin development: Built tailored plugins to meet specific functional requirements usign JQuery.
  • Design system implementation: Created a unified design system based on atomic design principles to ensure consistency and maintainability.
  • Environment parity maintenance: Ensured consistency between development and production environments to streamline deployment and testing processes.

The challenge: Balancing futuristic design and uncompromised performance

  • Maintanable code: Initial objective to fix the less maintanable codebase with loaded features
  • Product tour: Product with complex landscape previously made it hard to navigate (especally in deep customization workflow), struck aby mistry by what to do next
  • Retro theme: World was moving towards mordern design, so its was essential to set a long lasting standard in that front
  • Period of booming javascript frameworks: Had a tight deadlind to analyse and pick a perfect framework fullfill the barnd needs among BackboneJS, MeteorJS, EmberJS and AngularJS in consideration AngularJS was promising becouse of google as their maintaner.
  • Content delivery: The demand is to make the product and its assets highly available across multiple regions.

Solutions implemented

Frontend solutions:

  • Migration to modern framework: Upgraded the frontend from PHP to AngularJS, improving scalability and maintainability.
  • Reusable design system: Developed a robust design system using atomic design principles and SASS, enabling the creation of modular and reusable components.
  • Advanced theme builder: Conceptualized and implemented a theme builder to allow for dynamic customization of the application’s appearance.
  • Custom jQuery plugin: Created a high-performance jQuery plugin to enable efficient searching and highlighting of knowledgebase documents and survey templates.
  • Custom component development: Designed and built reusable UI components to reduce redundancy and improve code maintainability.
  • Icons & illustration: Designed custom icons and converted them to custom font for high availability, and brands banner and all kinds of illustration need are fulfilled
  • Product tour: Intuative product tour wizard was developed, and along with in-page info markers to quick reference the tools.
  • Reporting engine: Developed a high-standard, multi-view reporting engine where you can analyze, visualize (with amChart) and export reports with maximum performance

Backend solutions:

  • NoSQL implementation: Configured a NoSQL bucket to efficiently store and retrieve custom survey theme elements, enhancing data management and retrieval performance.
  • Email template engine: A fully functional email template engine was developed to meet the goal of supporting deep customization while ensuring compatibility across all types of email servers and clients.
  • CDN & caching: Optimized CSS and image assets are accessible via Cloudflare. Frequently used tables are cached with Redis.

The measurable impact

  • 90% increase in userbase due to refreshing look
  • Seamless product workflow acchieved using tour and info markers
  • Single page application, and reusable components helped to reduce 50% of assets reload, 70% increase in initial page load
  • Custom WebRTC module delivered instant message delivery withour page refresh
  • Increase in servey with advanced theme

This survey builder application proved to be a game-changer, transforming the research/feedback collection landscape for both businesses and academic institutions alike.

Technologies used


angular angular
javascript javascript
html5 html5
css css
sass sass
bootstrap bootstrap
jquery jquery
php php
mysql mysql
redis redis
cloudflare cloudflare
github github
neovim neovim

Competitors

  • SurveyMonkey
  • Typeform