Manabie Engineering Book 2022.pdf

During my year as a front-end engineer at Manabie, I had been very fortunate to work with and learn from talented fellow engineers. We came from different backgrounds and are interested to learn about different things, but we all worked together on the same product and made it great.

I was in charge of managing this project, and I worked on the overall design of the document - the Engineering Book. I worked with a team of two Engineering Managers and one Data Analyst to conduct a survey to get to know the team members more.

The Engineering Book - presenting the survey results, our insights, and some recommendations - aimed to identify the team’s capabilities, and how the company can help provide opportunities to improve the Engineering Team’s skills and well-being.

(Our team consisted of me, the designer and project manager; Emerson, our data analyst; and our Engineering Managers Robbie and Roy, who facilitated and oversaw the project.)

The title page of the Engineering Team Insights document or the Engineering Book, with one of our front-end teams in the background

The overview of the Engineering Book

Sections we covered in the survey

The project kicked off after we finished conducting the survey. This was where my design and project management began.

Emerson had already started on the graphs that described the survey results. Meanwhile, I planned out the timeline for the entire creation of the Engineering Book, from initial research to actual shipment of the final output.

Snapshot of the Google Sheet detailing the timeline for the design

Emerson and I also worked on the story flow; what sections we covered in our survey, and how we can arrange them so that the results and insights tell a "story" about the engineering team.

For my own research, I looked at similar team insights, particularly Stack Overflow's Developer Survey, which was most similar to what we were working on. Then, my design research involved familiarizing myself with Manabie's design guidelines, such as the company colors and typography. I also looked at existing presentation templates as examples.

Blue and white are Manabie’s primary colors, while green could work as an accent color

With these in mind, I worked on some initial sketches to capture the look and feel.

Initial design sketches with colors

Once I was able to visualize the design I had in mind, I worked on a few pages on Canva to capture it better (although, of course, these designs were refined).

A high-fidelity design visualization (but still a draft!)