Phase 1 : Website Objectives + Strategy:

We got together on a call to understand the vision, goals, and challenges so we could help Joy Creative Shop achieve their business objectives by mapping out the web strategy.

1. Launching a rebranded e-commerce website 

The goal was to launch a website that is chirpy, colorful, vibrant, and on-brand. With the website being half-finished and not professionally done, we were looking at some major redesign. Since there was a functional website in place, we went live with the new one overnight(when traffic is less) to make sure everything works smoothly.

2. Increased sales and repeat customers:

• Brand Identity: To help increase brand awareness, we brought the brand colors and style to life with the design.

• User experience: A great shopping experience is key to referrals and repeat customers. We wanted to encourage users to purchase by making the online store joyful, easy to navigate, and order from with minimal required steps and communication.

• Increased sales: To increase sales, we offered bundled product options to increase the average order value. A better user experience improved ease of purchase.
  

Phase 2 : Website design:

We wanted to bring out the brand identity in the web design, so we took the brand colors and styles and ran with it. We went with the colorful, bright, vibrant feel of the brand and created the mockups. 

The challenge was to arrive at a clean-looking website which was also fun. Some of the design elements that helped us achieve that are:

• Including the bright colors of the brand to make the design pop. It complemented well with the colorful product photos that they had.
• The colorful icons in the design added a visual story to keep users engaged and make information interesting and easy to absorb.

‍

‍

• Spreading joy by gifting was one of the brand’s and Steph’s goals. So we drove home that idea with illustrations that showed her to be a kind of the Santa on a cycle delivering thoughtful gifts to loved ones, which was used for the email signups section. The footer seal also included this idea of gifting to spread joy.

• The use of whitespace effectively really made the whole design get that clean look even with bright colors and elements without making things cluttered.

‍

The use of mega menus in the top navigation help highlight the different categories of product options- there were a lot of them. This works better than traditional drop downs in terms of performance. 

Since the products sold covered categories from babies to corporates, we had a lot of personalizations to add when it came to products in each category. We designed a general shop page and a personalized shop page to handle this.

The FAQ page design added to a good user experience by grouping relevant questions under categories together with the use of accordions which save space and show only the required information. The footer covered the navigation links to different pages, highlighted the contact information, and provided a chance to sign-up. Here's a sample mockup of the home page:

‍

Phase 3 : Shopify design + hand-off:

As you might already know, Shopify is my go-to platform for product-based businesses. It’s great for developers as well as the business owners to manage and grow. Once we finalized the design, development was fun. 

Shopify provides a great marketplace for apps that can be easily integrated with the website to strategically drive growth. Important apps that we integrated with and recommend: 

• instafeed which showcased their instagram feed on the website driving home the brand identity and sense of community
• Bold product options which helped with personalizing the stationery with name, text-color, envelope color, return address etc, thereby minimizing the amount of communication required and making purchasing easy. It also allowed us to bundle products together to increase average order value.  All these options would reflect nicely in the cart adding to the user experience and keeping them informed of their choices.

• Review app to increase trust with the brand over the long-term

The site was made to be responsive to mobiles, tablets, and desktops to provide the best customer experience across devices.

We added the blog pages, to increase engagement with an option to add and filter posts by categories.

We made a unique tutorial library for Steph with videos on how to manage and customize the new website, how to add new product details, etc so that she would be able to make changes on her own easily.

The results:

The new look was launched with no downtime to the existing store in April 2021. 

Within one month:

• Sales growth: the store saw a whopping 82% increase in sales. 

• Average order value increased by 27%

• The number of orders increased by 42%

‍

Here’s what Steph had to say about the whole process and how the website turned out:

‍

Happy clients just remind me why I love doing what I do. I will be back with more results when I have them. Looking to (re)launch a website for your product-based business? Would love for you to get in touch so I can know more!