EndorsedendorsedOngoing

Storybook & Vue.js Layout Builder for YMCA

Services Covered:

Custom Software Development • Web Application Development • UI/UX Design
Project hero — replace with case study imagery
Industry
Industry

Non-profit Organizations

Duration
Durationinfo-circle

15 months

Budget
Budget

200K - 999K

Start Date
Start Date

1 April 2021

Team Size
Team Size

1-5

Engagement Model
Engagement Model

Offshore

Project Capability Score (PCS)

gauge meter
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

mapMinneapolis, United States of America

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

  • WebWeb
  • CMSCMS

Tech Stack

  • Vue.jsVue.js
  • JiraJira

Client Endorsement

Overall Review Rating

5star5 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.”

Anonymous

VP of Digital & Strategy

Note: This endorsement is based on publicly available client feedback from external review sources.

More Projects by Five Jars