At MIND Research Institute, I led the team responsible for designing, developing, and maintaining multiple online products. In addition to our company site (mindresearch.org) and our flagship product site (stmath.com), we created dozens of other experiences. Here is a showcase of just some of the additional online products I helped craft at MIND.
Every year, my team worked closely with other departments in the organization to create MIND's annual report. In 2018, I led a redesign of the annual report to improve the donor experience. My goal was to build a more scaleable system that would enable others to reuse modules in future versions. In 2019, I handed over lead design duties to a senior member on my team while I art directed the project.
Explore: 2019 Annual Report
I was tasked with replacing an old, outdated sales tool. The original tool was built in Flash, was difficult to maintain, and could only be accessed from a direct install on company iPads. How would our team rebuild this tool without help from our engineers?
We worked closely with our sales team to discuss the pros and cons of the previous Conversation Tool. We used this as a starting point and began building out the content structure for the new tool. We built rapid prototypes to quickly test and iterate.
After a lot of research, I decided to use RevealJS (Slides.com) as the framework for the new conversation tool. Now, we have a sales tool that is accessible from any device, allows us to embed ST Math games directly into the tool, and Slides.com makes it easy to update and maintain.
My team created and maintained the Brand Guidelines for MIND and ST Math. By creating an online version, we were able to easily share brand colors, typography, logo usage, and downloads. This helped us maintain brand consistency when working with donors and partner schools, as well as with other departments in our organization. We would eventually expand these to incorporate future brands, as well as copy and content guidelines for tone consistency.
Explore: MIND Brand Guides
Email Signature Generator
We needed all employees to have custom email signatures with approved branding and formatting. But with over 150 employees and only two designers at the time, it was too much to ask for us to hand make them. So, I decided to create a tool so they could make their own.
I built the email signature generator in HTML/CSS/JS. It includes the option for a MIND or ST Math branded signature. Did I mention they needed versions for Outlook, Mail, HubSpot, and NetSuite? This meant that employees needed to be able to copy their signature visually, and in HTML format. To make sure we stay under Netsuite's character limit, I also built in the ability to copy the minified HTML.
It takes rigorous testing and several iterations to make a design look the same in all major email clients. This tool has saved our team so much valuable time over the past 3 years.
Explore: Email Signature Generator
We chose to use Shopify to update and improve our marketplace experience. Our store includes access to JiJi branded swag, MathMINDs board games, and ST Math Homeschool. We worked closely with a contract developer who had Shopify experience. My team was responsible for maintaining the store and updating all product photos and info.
Explore: MIND Marketplace
The MIND Marketplace using a Shopify storefront.