Callaway Golf - Japan B2C
Jan. 2020

 

https://www.callawaygolf.jp/

 

Starting in October 2019, I was involved with the development and design of Callaway Golf Japan’s e-commerce site, which was redesigned to better fit Callaway Golf’s global marketing initiatives.

 

As a developer on the project, I worked on user interfaces for both consumers and internal business users, primarily focused on website content.

My key involvements include:
  • Full UI development for Callaway Japan News (https://www.callawaygolf.jp/JP/ja_JP/news), where I created responsive templates for landing pages, listing pages, and news articles which could be easily created by Callaway Golf Japan’s internal marketing team through SAP Smartedit
  • Creation of custom components (ex. hero banners, icons, form fields, etc.) which could be created through SAP Smartedit or Backoffice to create beautiful and modular content pages throughout the website
  • Content migration for footer pages and navigation to build a consumer experience which fit global Callaway Golf e-commerce designs

As a designer on the project, I redefined the consumer experience of purchasing Certified Pre-Owned products to better fit the Japanese market.

In our previous project for Callaway EU’s Certified Pre-Owned site, our development team worked with our global marketing team to create a grid system on each product page, where users can purchase products based on the condition of the products.

 

 

However, in Japan, it is required for businesses who sell Pre-Owned products to have each individual Pre-Owned item on display, so that consumers know exactly what they are purchasing. Our previous grid design did not allow for the display of individual products, so I created and iterated through multiple mockups to create space for the display of individual products. After further collaboration with our global marketing department to define style guidelines, my final design was a drop-down menu which would be used to create space for display of individual products while promoting responsiveness between desktop, tablet and mobile platforms.