Built a Custom Survey Management Website for HomeStart, Reducing Data Analysis Time by 85%
Web Development
Pro Bono
Shipped
0-1
My Role
UI/UX Designer

Team
1 Project Manager
1 Technology Lead
1 UI/UX Designer
10 Developers
Timeline
Sep 2023 - May 2024
Tools
Figma
Trello
Github
Slack


Overview
1
About
2
Research
3
Prototypes
4
Design
5
Conclusions
About
Student-Run Digital Agency (My Team)
JumboCode
Pre-professional student club that aims to design, develop, and ship high-quality software pro bono for nonprofit organizations
250+ Club Members
75+ Web Apps Shipped
100% Free Product Development
Our Client
HomeStart
Boston non-profit committed to providing essential housing solutions to individuals and families in need
14,000+ People Relocated 2,500+ Evictions Prevented 500+ People Helped Annually

Summary
As the sole designer on a 13-person team, I led the UI/UX design for a yearlong project to create a custom survey management website for HomeStart, a Boston non-profit.

Working closely with developers, I designed an intuitive interface to streamline HomeStart’s data collection and analysis, reducing data processing time by 85%.
Project Outcomes
85%
Analysis Reduction Time
175+
Paper Reams Saved
35%
Survey Completion Increase
Tech Stack
JavaScript
React
Tailwind
MongoDB
Prisma
Timeline
Research
Competitive Analysis
Survey Monkey
• Prewritten questions with many types
• Features like A/B testing, data analytics
Google Forms
• Quickly create custom surveys  
• Visual and numerical data analysis
Qualtrics
• Advanced market research tools
• Features have a steep learning curve
_____
Since the client requested a simple interface, I took inspiration from Google Forms
User Personas
Goals
• Acquire affordable housing
• Secure a reliable income source
• Return to financial stability
Goals
• Ease the housing search process
• Centralize all survey responses
• Determine best ways to help clients  
Needs
• Support finding a new home
• Access to essential resources
• Emotional support from loved ones
Needs
• Easy access to feedback data
• Central database with filters
• Quick way to analyze data
_____
Website interface should be easily accessible by both HomeStart clients & admin    
User Flow
Client Goal:  Take the survey
Admin Goal:  Create new survey
_____
Navigation should be optimized for quick access to surveys & data
Prototypes
Ideation
_____
Based on client feedback and developer capabilities, I adapted the design to fit more survey additions  
High Fidelity
Data Management
• Simple: client only wanted to include basic survey management features  
• Accessible: survey results can be easily accessed and allow users to quickly scan significant data points
Key Features
New Survey
• Basic: client requested 3 standard question types (multiple choice, short answer, and checkboxes)
• Intuitive: admin can quickly move between survey questions and customize the content
Key Features
Final Screens
Figma Prototype
Design
Colors
Typography
Icons & Logo
Conclusions
Reflection
Team Communication
Understanding Constraints  
Web Development  
Learned the importance of effective communication between project leads, developers, and designers
Designs should be aligned with developer capabilities and adaptable to constraints
Gained experience working in traditional 2 week sprints
Next Steps
Handoff  👋
Future Recommendations 🔮
My PM and I helped our client purchase a host for their site and remain available for further questions
Conduct more usability tests, revamp the data overview screen, add more settings options
Shoutout to my amazing JumboCode Team!
Next Project
Nav bar line
Sketched,
Designed,
Built
© Wilson Skinner 2025