Great Harvest Bread Company
Demo:
Technologies Used:
- Next.js
- TypeScript
- React.js
- Tailwind CSS
- Accessibility
With a 6 day window from design approval to customer deadline, this project had a very fast turnaround for coding. I worked with a small team of 3 designers and 2 other developers to construct the website, successfully meeting the customer requirements. I also conducted detailed accessibility audits, using both subject matter expert knowledge as well as automated tools. I inspected the code and the browser DOM, and I utilized Axe dev tools for testing. Overall, I caught and fixed 24+ critical accessibility issues. This was a great real world project and a wonderful experience working directly with a paying customer.

Key Contributions
- Detailed accessibility testing
- Identifying and resolving 24+ accessibility issues
- "Our History" section
- "FAQ" section
- Building an accessible accordion for the FAQ section
- "Our Revolutionary Process" section
- Footer section
Skills Showcased:
- Building a website with Next.js
- Collaborating with designers
- Working from a detailed Figma design
- Ensuring cross-browser compatibility
- Meeting web accessibility standards
- Coordinating with other developers in the same code base
- Meeting a tight deadline

What I Learned:
This was a great expercise in getting up and running quickly. I advocated for organized internal communication, and it really helped us to be successful as a team in delivering on time and avoiding confusion. As developers, we made sure to break up the work so as to avoid relying on one another for code updates or getting stuck in an unproductive loop. This was a great opportunity for me to put my accessibility knowledge into real world practice, doing my best to identify and resolve issues as they came up. As much as possible, building accessibility into the site from the start instead of relying on audits/tests to find things close to the deadline. One of my biggest learnings with this project was really getting involved with the Figma files. I've worked from Figma designs before, but this needed to be "pixel perfect." I quickly learned the in's and out's of finding the information I needed from the Figma file in order to build my sections to spec. I also learned how to work closely with designers - how to communicate effectively in their language and ensure what I was building matched their vision.
Future Enhancements:
Since this project moved so quickly to launch, we are naturally discovering some small issues now that the site is live. I would have preferred the time for more end-user testing, both from the customer and from people who model Great Harvest's prospective franchisees. On our newest client project, we are emphasizing our internal processes as a team to ensure clear communication and a quality deliverable. I am also increasing my accessibility knowledge through courses at Deque University.