Square Online Store.

Square is bringing merchants online.

Square is in a unique position to serve merchants a customized UI that integrates directly with their business, bringing the ecosystem full circle. This was my first project at square with a rapid timeline to go live with a very small mainly remote team. The beta program focused on creating a simple, customized web editing UI while extending the product offering to donation campaigns and ticketed events. A major pain point to solve was allowing merchants to quickly get setup without having to actually design or develop anything. To solve this, we created an extensive collection of templates to serve various merchant styles.

Explorations are the best part of every project.

The project began by exploring various editing and template styles while considering a unity between them all. Each piece of the site had to be reusable in the templates between them all. The editing interface quickly evolved from the restrictions of building cost and ease of use into a WYSWYG interface combined with form elements for more complex interactions.

The onboarding process had to be quick and informative.

We wanted merchants to be able to pick a template, upload a few key graphics, load any amount of inventory to their site and be ready to launch. It can see daunting to add your full stock during on boarding, so we just introduce merchants to what they can expect without making them feel like they need to do it now.

Sell products, tickets and accept donations.

We wanted merchants to be able to pick a template, upload a few key graphics, load any amount of inventory to their site and be ready to launch. It can see daunting to add your full stock during on boarding, so we just introduce merchants to what they can expect without making them feel like they need to do it now.

Manage incoming orders on dashboard.

Once an order is placed, an email will be sent to the merchant if any action is needed, for example, shipped goods require the merchant to take action. As we began to explore a new checkout flow, the staggered layout of the form elements came into question. Was there a simpler way to construct the page and allow the customers to flow through with ease. This updated style has been iterated on and reflected itself into the rest of the dashboard eco system.

Next Project

Amplify.