TIPTOE&

Overview

TIPTOE& is a fashion enterprise that aims to transform traditional fundraising t-shirts into trendy streetwear to better raise awareness for social causes. Its name comes from the idea that it doesn’t take much effort to tiptoe and peer over a wall to gain a whole new perspective. TIPTOE& donates a portion of proceeds to the organizations it has partnered with, including the Blue Tree Foundation against school violence and Best Buddies International.

As the sole web designer, my role was to work with our two web developers to design the new webstore and redesign various pages of existing website. Our goal was to create a more user-friendly and navigable site, and a smooth online shopping experience.

Experience

I created initial sketches in Procreate, and worked with a developer to design high-fidelity iterations in Adobe XD.

Web Store

At the time, the functionality and flow of the web store was undecided. We didn't know what was feasible, so we played around with various ideas. In the sketch below, selected products would be populated into a Google Form where buyer information would then be collected (at the time, a Google Form was used to collect orders).

Web Store - Products

Shopping Cart

Iteration 1

Iteration 2

Final Designs

I also got the opportunity to work with a developer to design and code a new FAQ page.

Key Takeaways

• Working with ambiguous guidelines. The web team had a large amount of freedom in our projects, with very little guidance from company leadership or other teams. I learned to take initiative and propose new ideas, such as the FAQ section.
• A first dip into design. As one of my very first experiences with web design, this position working with developers gave me valuable experience with collaborating as a team and understanding front-end development.