Teacher Resource Library
Brainspring
The resource library is a responsive web app for teachers to access and organize lesson planning materials for phonics-based learning methods.
web
web
mobile
mobile
desktop
desktop
embedded
![](https://cdn.prod.website-files.com/628fcc1631ad0b25b32f223e/62c5e0518dea0b461a5f1e00_Brainspring-Hero_fe25e19ecd3ccb2d1839c16b8e269f2a.jpeg)
Brainspring is a nationally accredited continuing education organization that offers courses, workshops, certification, and resources for teachers to provide phonics-based instruction to help students succeed in the area of reading. Brainspring teaches a multi-sensory approach called the Orton-Gillingham method, and provides teachers with a wealth of instruction and materials to facilitate learning in the classroom.
Before the Covid-19 pandemic, Brainspring’s courses were largely done in-person. As they pivoted to offer remote instruction, it was essential that the online resources provided to teachers be user-friendly.
During the research, design, and planning phase of their engagement with Atomic, Brainspring decided that the most valuable outcome would be a systematized, searchable resource library to offer teachers.
After consultation with Atomic, Brainspring decided to build a responsive web application that not only gives teachers access to the documents, but allows them to filter, search, sort, organize, and ‘favorite’ items. Their goal was to optimize teacher experience by creating a user-friendly resource.
Jacquie Moreno, Brainspring Certification and Instruction Specialist
![](https://cdn.prod.website-files.com/628fcc1631ad0b25b32f223e/6329e2c775bf4f98c9050f33_Brainspring-Supporting.jpeg)
Coordinating Stakeholders
![](https://cdn.prod.website-files.com/628d552469d2a1b0c6b730a9/63625c0796c6527710c14ea9_Recycle.png)
![](https://cdn.prod.website-files.com/628d552469d2a1b0c6b730a9/63625c054b004d70d1c2c567_Groups.png)
![](https://cdn.prod.website-files.com/628d552469d2a1b0c6b730a9/63625c028a367e8a4bebfcc0_Computer.png)
Brainspring empowers teachers. Their new web app had to be efficient and user friendly to save precious lesson-planning time.
Brainspring’s future product vision is a complete lesson-planning app.
Through the consultative research, design, and planning process with Atomic, they discovered that an efficient content management system was the first step toward realizing that goal.
The Atomic team used agile software practices to keep the Brainspring team up to date on their progress.
Atomic created a project staging website to demonstrate progress every two weeks. The Brainspring team could log into the site, review features, and identify necessary modifications.
During the project, Atomic also partnered with an existing third-party vendor to facilitate Brainspring’s e-commerce goals. This successful partnership allows for a future single client sign-in for all of Brainspring’s different tools and offerings.
Technical Specs
Atomic designed the system architecture and wrote software and firmware for:
![](https://cdn.prod.website-files.com/628d552469d2a1b0c6b730a9/6362571bbe17203b58c6ab7b_network.png)
![](https://cdn.prod.website-files.com/628d552469d2a1b0c6b730a9/63625882a89d6c4d89f0e07f_gateway.png)
![](https://cdn.prod.website-files.com/628d552469d2a1b0c6b730a9/636258867bb31f12ea922948_web-app.png)
Sivhuan Sera, Software Consultant and Developer at Atomic Object
Phase 2: Developing a Full-feature Workshop Experience
With the Learning Map developed into a digital product, Root wanted to further help users dive into their organization’s strategy, financials, or processes with a second release. Among other features, they sought to create a kind of a virtual whiteboard, where everyone’s voice could be heard in a fun, engaging, and meaningful way.
Atomic’s Software Design Practice Lead in Ann Arbor, Bryan Elkus, led design work on the project. He saw the user experience of going through the Learning Map activities as a type of collaborative online challenge.
Under the guidance of Atomic's Software Consultant & Designer Bryan Elkus, the project emphasized collaborative user experiences, akin to an online group challenge, focusing on:
- Consultants facilitating onboarding, ice-breakers, and exercises.
- Client company employees engaging in organizational change.
Atomic Object Software Consultant & Developer Matt Soto his development work focused on delivering Root’s vision of polish, complex features, and emphasizing a business model around the digital product.
Root's VP, Nate Butki says Atomic’s consultative approach helped the project team uncover and address underlying needs rather than merely executing requests.
“Atomic didn’t want to just figure out what we wanted and give it to us—but rather figured out the need and helped us with it,” he said. “If they had listened to us and spit out exactly what we asked for, they would have only gotten 80 percent of it. Atomic’s team asked the questions and pushed us further.”
Technical Specs
Atomic designed the system architecture and wrote software and firmware for:
![](https://cdn.prod.website-files.com/628d552469d2a1b0c6b730a9/6362571bbe17203b58c6ab7b_network.png)
![](https://cdn.prod.website-files.com/628d552469d2a1b0c6b730a9/63625882a89d6c4d89f0e07f_gateway.png)
![](https://cdn.prod.website-files.com/628d552469d2a1b0c6b730a9/636258867bb31f12ea922948_web-app.png)
Sivhuan Sera, Software Consultant and Developer at Atomic Object
Phase 2: Developing a Full-feature Workshop Experience
With the Learning Map developed into a digital product, Root wanted to further help users dive into their organization’s strategy, financials, or processes with a second release. Among other features, they sought to create a kind of a virtual whiteboard, where everyone’s voice could be heard in a fun, engaging, and meaningful way.
Atomic’s Software Design Practice Lead in Ann Arbor, Bryan Elkus, led design work on the project. He saw the user experience of going through the Learning Map activities as a type of collaborative online challenge.
Under the guidance of Atomic's Software Consultant & Designer Bryan Elkus, the project emphasized collaborative user experiences, akin to an online group challenge, focusing on:
• Consultants facilitating onboarding, ice-breakers, and exercises.
• Client company employees engaging in organizational change.
Atomic Object Software Consultant & Developer Matt Soto his development work focused on delivering Root’s vision of polish, complex features, and emphasizing a business model around the digital product. Root's VP, Nate Butki says Atomic’s consultative approach helped the project team uncover and address underlying needs rather than merely executing requests.
“Atomic didn’t want to just figure out what we wanted and give it to us—but rather figured out the need and helped us with it,” he said. “If they had listened to us and spit out exactly what we asked for, they would have only gotten 80 percent of it. Atomic’s team asked the questions and pushed us further.”
Nate Butki, Root VP
Project Highlights
The web app emphasizes searchability and efficiency. It is organized by category, with filter and sorting options, and allows teachers to ‘favorite’ items they use most. It optimizes for teachers to quickly and easily find the resources they need, saving time in their planning process.
The outcome of this work is an app that is making it easier and faster for teachers to find and organize the Brainspring documents they need so they can spend more time with their students.
Taste-testing the Product in the Field
Delivering A Great Product and An Empowered Team
By getting to share their decades’ experience with agile practices, Atomic’s team got to watch the counterparts at Root develop new skills over the course of the second engagement.
Soto says he loved watching Root’s inherently collaborative culture adopt the agible practices they were learning.
“After a few months, they loved how easy and smooth it was to make last-minute changes, to pivot in another direction, and use feedback to spend their time where it was most impactful,” he said.
Root’s Jared Page says the agile approach to product design, development, and management he saw during the engagement had a profound impact.
“One of my favorite things about this project is that everyone got better—better at our jobs and better with communication; it just feels cool,” he said. “Sometimes you work for a year and don’t know if you’ve improved but everyone could look back on this project and say they’ve improved. This project changed the way I will work forever.”
The web app emphasizes searchability and efficiency. It is organized by category, with filter and sorting options, and allows teachers to ‘favorite’ items they use most. It optimizes for teachers to quickly and easily find the resources they need, saving time in their planning process.
The outcome of this work is an app that is making it easier and faster for teachers to find and organize the Brainspring documents they need so they can spend more time with their students.
![](https://cdn.prod.website-files.com/628fcc1631ad0b25b32f223e/6345b725567d6c6a434835f7_Brainspring-Details-6.png)
Jacquie Moreno, Brainspring Certification and Instruction Specialist
Results
Feedback from internal and external users has been overwhelmingly positive.
Real world beta testing is helping teachers and Brainspring tutors access materials in an organized, efficient way.
Atomic’s work sets the stage for Brainspring’s ultimate goal of a complete lesson planning app.
Preparing the Way
The first step in realizing Brainspring’s future goal of a lesson planning app was to create an efficient content management system.
For the content resource library, Atomic created a responsive web app with multiple features, including dropdown items, customization, and search and filter functionality.
Atomic is proud to have set the stage for Brainspring’s future success in achieving their ultimate goal of a start-to-finish lesson planning app.
![](https://cdn.prod.website-files.com/628fcc1631ad0b25b32f223e/634586b64b7dbe08a0c0fdcb_Frame%201.png)
Coordinating Stakeholders
![](https://cdn.prod.website-files.com/628d552469d2a1b0c6b730a9/63625c0796c6527710c14ea9_Recycle.png)
![](https://cdn.prod.website-files.com/628d552469d2a1b0c6b730a9/63625c054b004d70d1c2c567_Groups.png)
![](https://cdn.prod.website-files.com/628d552469d2a1b0c6b730a9/63625c028a367e8a4bebfcc0_Computer.png)
A Partnership with a Storybook Ending
The team’s careful project management, client communication, cutting-edge architecture, and cohesive design strategy helped the team ship the product on time and on budget.
Reflecting back on the multi-year, high-profile project, Robinson said Atomic helped his company arrive at a special moment in time.
“We'd never done anything this big. Ever,” he said. “We’re live across all the major pillars Atomic said they would deliver on. It was delivered on time, on budget, to expectation, live. Not three or four milestones late with people leaving and the platform half-baked and full of bugs.”
StoryLoom began open-beta in December 2022. A global launch is scheduled for the spring of 2023.
“We’ve been given a rare opportunity," said Robinson, "to find success by chasing opportunities Starship Enterprise-style: going where people aren’t—pushing boundaries.”
Sivhuan Sera, Software Consultant and Developer at Atomic Object