Goals & Vision
Designing cards is a time consuming and skillful burden which keeps many clients from ordering Cards are also not a large markup item which makes them a tough sell for photographers. The vision was to remove as much friction as possible, provide design confidence, and make ordering worthwhile.
Roles & Responsibilities
I was the designer on the project working within the design system that I developed for all of the design apps. Along with design, I have taken part in frontend react development for a variety of features including architecting and building the shared theming and components, building the gallery filter menu, and more.
Results
The success of this tool set off the plan for creating more apps just like this one. Here are a few things customers said in response to this app.
"I am going to do cards for everything now! Thanks for making this SOOOOO easy!"
"I love the ease of this ordering system!! No more wasted time in Photoshop!! Thank you for making my life easier!"
"I will start offering cards again!!"
"It was quick, easy and fun to use."
"I love that your lab offers this. I love playing in photoshop, but this saves me so much time!!"
"It was so much more difficult before & really not worth the effort"
"Life changer!"
"I love the ease of ordering. This was our studio's first time ordering and I was afraid it was going to take me time to learn the online system. It only took me 15 minutes and that was because I had to double check the spelling on the names!"
and many more...
Details
• Persona research and discovery to understand the needs for the variety of photographers and end consumers using this design tool for different purposes
• Collaboration with the wider design team to create a system of styles with fonts and colors
•Dark theme created to be easily implemented with consistent values in the tokens/code
•Application font list, colors, and other styles are completely theme-able by other brands
•Custom iconography created to support the unique actions of the app
•Design system styles and components structured to mimic the code structure in React with Styled components for efficiency, consistency, and to reduce error
•Documentation using Storybook and Zeroheight with language guidelines, styles, and components
