Back
Simply put, Aiya needed an online experience designed to reflect the premium quality of their matcha.
Disorganized, confusing, and cluttered. Those were the words the Aiya team used to describe their old site when they came to us looking for help. The site had been built many years before and while it contained loads of valuable information, it was confusing to navigate, had too much text and not enough imagery, and had areas where the same content was duplicated across multiple pages.
After hearing their main complaints, our UX and design teams jumped into the discovery phase where we interviewed stakeholders and researched the heck out of the competition. We wanted to dig deeper into the essence of their company so that we could solve their pain points and make sure their site stood out from the competition.
During the discovery phase, we were able to identify several gems that would bring their site to life. Through storytelling, we wanted to create a site that was rich with information about their history, talk about what makes matcha different from other teas, and highlight why matcha from Aiya tastes so much better than all the rest. Using wireframes, we laid out how that story would weave across the various pages and sections of the site to create cohesive and easy to navigate pages.
One of the tricky aspects of the site was how to present both a wholesale and retail sales experience on the same site. Consumers in these two groups have very different usage goals, need access to different products, and have different pricing available. We addressed these challenges by creating custom journeys for each group which allowed different products and pricing to be available to the appropriate visitor.
Our design team chose a clean and fresh design aesthetic to represent the purity and quality of Aiya’s matcha. It was an easy decision to use green as an accent color of the site, and we sprinkled enticing, high-quality images of their matcha and process to weave their story throughout the pages.
Once development started, one of the first things our developers did was update the version of Magento that Aiya was using for ecommerce. Once this was complete, we coded the newly designed pages in HTML and CSS and integrated everything with the most recent version of Magento.
Thoroughly testing the site was something that our quality assurance team took very seriously. They double checked every page and feature on the site to make sure everything performed like it should. They also carefully checked everything on a variety of browsers and mobile devices to ensure a uniform experience across devices.
When it was confirmed that everything was good to go, we launched the new site and let the matcha orders roll in!
Keep an eye out for awesome web content heading straight for your inbox!
Discover which design improvements could turn more visitors into customers in only 30 minutes.
Δ
Let our friendly web experts curate a personalized list of improvements that will help enhance the online presence of your brand.