Loop

LoopMail is a start-up company striving to develop a email, project management, and assessment tool for education and non-profits. While working for Loop, I developed the branding and worked on UX/UI tickets. I designed investor, client, and internal decks, 2-4 pager bulletins, and UX screens. All of these materials are created with the intent of communicating Loop's message: this is a reliable, cutting-edge, enjoyable tool that can appeal to investors and consumers across the education and non-profit sphere. Loop branding is shown first, with UX/UI screens following that. Much of this design was created in collaboration with Cormac Rada, LoopMail's CPO and a design strategist & consultant at PwC.

While at Loop, I updated the company's style guide. I felt that Loop's branding should feel more open, playful, and modern. By incorporating these ideas, we hope to invite the viewer in, while also communicating Loop's dependability and accountability.

Slide Excerpts from an Investor Deck. We wanted this design to communicate Loop's professionalism, but we also wanted it to maintain a sense of fun. For example, with color, the deep blues, white, and black communicate professionalism, but the warmer elements add playfulness while still fitting into the overall brand. I additionally pushed this with the design of our graphics in Illustrator - whimsical, but clear. I designed this deck with the help of Cormac Rada, CPO of Loop.

Investor 2-pager created with new LoopMail branding. This design is inspired by Swiss graphic design and is meant to clearly communicate Loop's mission and abilities. The asymmetry provides a freshness that will stand out from competitors.

Welcome screen. This welcome screen incorporates the new Loop branding.

Email popover. This UX screen was developed using Adobe XD. This screen addressed the design and architecture of the email popover, which appears with more information when a user clicks the arrow next to the incoming email addresses. Before this redesign, the popover design was unclear - the popover did not stand out in a noticeable way, and it concealed important information. In this design, the focus was on placement, the fields that needed to be present, ease of use, and overall clarity in function. We added shadowing to highlight the popover and spent time working through the information architecture.

Report a bug. This screen was developed in collaboration with Cormac Rada. I worked on the clarity of the text in the "report bug" overlay, focusing mainly on the spacing, fonts, and sizing of elements. This screen is extremely important because it allows users to report things that are wrong with the application. Because these users may already be frustrated with the issue, it's imperative that this screen especially is both easy to navigate, beautiful, and clear.

↑Back to Top