Store Creation
Project info
Background
At InkSoft our direct customers, garment printers, are able to create their own websites. This can be a website to sell their own merchandise, use for fundraisers, or just to create simple one page eCommerce stores. One pain point our customers expressed to us was how long it takes to create a store in our legacy system. We wanted to tackle this problem head on and redesign the Store Creation process from the ground up to get store creation process time down to 15 minutes from beginning to end.
Process and Solution
We wanted to take this opportunity to build an AngularJS app outside the .NET environment so that our front-end developers didn’t have to mess with the .NET environment, and to allow us to start utilizing the Angular framework technology in our apps. We had previously just been using jQuery in our apps. After doing some research on the popular JS frameworks out there we landed on Angular because of its popularity, growth, wide adoption, and backing by Google.
After the designs were final and the framework decision was made, I started building out the UI. The most fun part about building this UI and the most challenging was the page transitions between each step. Using AngularJS’s built in Directives .ng-enter and .ng-leave in combination with css animations and key-frames, we were able to achieve the slide in and out animation of each step in the store creation. We achieved our goal of getting our customers to create a store in less than 15 minutes. Our Customer Support team and our customers especially, were beyond stoked on the new UI/UX of Store Creation 😄