top of page
Crowded Urban Scene

Live Survey

Live Survey moves beyond the "submit and disappear" model of typical survey tools. It is a lightweight application that reveals survey results to the community the moment they are submitted. By turning data into a shared resource, it helps to build a more interactive and trusting relationship between residents and planners.

Minimalist Blue Design

Live Survey

Key Features

Instant Result Visualization

No more waiting for a final report. As soon as a participant submits their answer, the live tally or response list updates immediately below the question.

Neighbor Validation

Participants can "like" other entries in the survey. This helps planners see which individual comments resonate most deeply with the rest of the neighborhood.

Zero-Barrier Participation
No sign-in or account creation required, only use them if and when you need to.
Keyword Search

Includes a "wild search" bar that allows anyone to search the entire database of survey responses for specific words or phrases.

Community Sorting

View the "collective voice" your way. Sort survey entries by Popularity (most likes) to see top priorities, or by Time to see the most recent concerns.

Live Engagement Metrics

All "like" counts are displayed in real-time, providing an honest, unfiltered look at community sentiment as it evolves.

Live Survey

Tech Notes

Implementation Resources

​

Layout & UI Architecture

​​

This page uses a single-section architecture to keep the user focused on the relationship between the question (input) and the results (output).

  • Wrapper Container. Max-Width: 1200px. Provides a wide, high-density layout suitable for data-heavy survey results.

  • Global Alignment. Vertical Stack. Most elements are stacked vertically to ensure a logical "Top-to-Bottom" reading flow.

  • Section Layout. Single-Section. Integrates forms, dropdown filters, and result repeaters into one cohesive view.

  • Grid Spacing. 30px x 30px Gaps. Maintains significant "breathing room" to prevent the data from feeling cluttered.

The Live Survey Repeater (Result Cards)

​

Unlike standard Wix galleries, this repeater is engineered for data clarity and custom sorting.

​

  • Responsive Grid: Set to 3 items per row (Optimized for 13"–15" laptop views).

  • Card Structure (2-Row Layout): Row 1 (Content): 1fr. Utilizes the Wix Collapsible Text Widget. This allows the user to expand long survey responses without breaking the grid.

  • Row 2 (Like Button): Auto. Contains likes, dates, and category tags.

  • Vertical Gap: 45px between internal card elements for high legibility.

  • Custom Sorting Logic: Note: This application does not use the native Wix "Filter Content" UI.

  • Reason: We utilized customized Velo code to connect the sorting functions. This ensures the "Live" update feel, allowing the UI to refresh and re-order data based on popularity or time without a full page reload.

Why did I build this?

"How can a survey make a difference in the moment? I built this to transform engagement from a chore into a conversation. By sharing live results with the community as they happen, we return the data to the people who created it."

bottom of page