Storybook & Vue.js Layout Builder for YMCA
Services Covered:

Industry
Non-profit Organizations
Duration
15 months
Budget
200K - 999K
Start Date
1 April 2021
Team Size
1-5
Engagement Model
Offshore
Project Capability Score (PCS)
78/100
Good
Project Capability Score (PCS) estimates how capable Five Jars is of successfully delivering a project like this, based on its past experience, track record, and ability to handle similar work. Learn more about PCS
Client
YMCA of the North
Project Summary
Five Jars developed an atomic design system and Storybook-based Layout Builder integration using Vue.js for a large YMCA association, delivering a more consistent customer UI and a simplified admin experience. The team custom-coded the Layout Builder UI and created a flexible theme for subsite customization, managing work in two-week sprints with Agile practices. MVP tests were favorable and internal stakeholders reported positive feedback.
Key Challenges
- Deliver a more consistent UI to improve customer experience
- Improve the admin experience so the site is easier to manage
Project Deliverables
- Atomic design system codified in Storybook
- Layout Builder integration with Storybook and Vue.js
- Customized Layout Builder UI to simplify admin experience
- Highly-customizable theme for unique subsite experiences
Project Solution
Five Jars developed an Atomic Design system codified in Storybook, integrated Storybook into the Drupal Layout Builder and Vue.js stack to ensure brand consistency, and customized the Layout Builder UI to streamline administration for less-technical admins. They also built a highly-customizable theme to enable distinct subsite experiences. The engagement was managed in an Agile fashion with weekly stand-ups, two-week sprints, and task tracking in Jira.
Project Outcome
- MVP tests were favorable and indicate the enhancements will be well received
- Internal stakeholders and content administrators reported overwhelmingly positive reactions
- Other YMCA associations began to take notice of the improvements
Platforms
Web
CMS
Tech Stack
Vue.jsJira
Client Endorsement
Overall Review Rating
5
5 out of 5 stars
Timeliness
Cost Rating
Willing to Refer
Quality of Deliverables
“The MVP tests received positive feedback and are almost ready for launch. Five Jars shows a strong ability to adapt to dynamic work environments. They are a standout organization that remained calm throughout high-pressure situations with a flexible and supportive attitude.”
Note: This endorsement is based on publicly available client feedback from external review sources.
More Projects by Five Jars
Endorsed
Completed
Non-profit Organizations
Open Social & Drupal Replatforming and Ongoing Maintenance for Nonprofit
Services Covered:
+1 more
Endorsed
Completed
Non-profit Organizations
Drupal 7 to Drupal 10 Migration and Website Upgrade for Nonprofit
Services Covered:
+3 more

