Drop2Drop’s food container supplier department needed a new website to present their products and services and reach potential customers. I was responsible for designing and organizing the product catalog and creating a website to effectively showcase their offerings and services.
As a graphic and web designer, I was responsible for creating the catalog and website using Wix, incorporating images and content. I collaborated closely with Drop2Drop’s managers to determine the most effective ways to showcase their business and products to customers.
Drop2Drop primarily relied on paper-based catalogs to showcase their products, serving a customer base that was 80% Korean. As the business grew, they needed a more intuitive website to reach a wider audience. This expansion also required the team to adapt and evolve to meet the needs of a more diverse customer base.
When designing the catalog, the first step was to understand what information is important to customers and what background knowledge they have when ordering items. Upon reviewing the current catalog, several issues became apparent, including incorrect information, missing images, small text, poor content hierarchy, and a lack of clear product categories, making it difficult for customers to read and navigate. The image below shows their previous catalog.
When redesigning the catalog, I was initially confused by how items were named and how customers placed orders, as some items were displayed with pictures only. I realized that customers don’t always use exact item names, and the names shown match the packaging labels used by staff to locate products easily. This sometimes led to miscommunication during ordering. As a result, I understood that the catalog design should enhance the experience not only for customers but also for staff.
I enhanced visualization by making product images comparable, allowing customers to easily see size differences. I also improved the information hierarchy for better readability and bolded product dimensions and case counts to make them stand out. The image below shows several new catalog styles I proposed
.JPG)
.JPG)
.JPG)
.JPG)
.JPG)
.JPG)
This version was selected. To organize the extensive product range, I used different background colors to help customers easily find and explore the products they need. However, the background colors may increase printing costs, so future versions should use lighter colors to reduce ink usage.
When designing the website, categorization was one of the more challenging aspects. Although they have more than 250 products, there is a lack of items in some categories, which could make customers feel like they don’t offer enough products to meet their needs. The goal of the website is to attract and convert potential customers, not for e-commerce. My solution was to design the website in a way that showcased the variety of products they offer, creating more opportunities for the business to receive inquiries from customers.
Another issue was how to make customers feel relieved and trusting. Common questions and the ordering process should be addressed on the website. This approach can reduce the time for both staff and customers by helping them understand the service. The stakeholder initially underestimated the importance of the 'About' page, but the results from Google Search Console showed that it is the second most engaged page, with the home page being the first.
.png)
I introduced new categories alongside standard ones to highlight Drop2Drop's diverse services across various business types. This strategy emphasizes their broad capabilities and addresses any perceived limitations in product selection compared to competitors.
.png)
To improve the customer experience, I created images with real-size ratios and consistent angles, allowing for easy visual size comparison.
.png)
The "Why Choose Us" section highlights Drop2Drop's services and commitment, giving customers a clear and concise understanding of the benefits they offer.
.png)
With a small customer service team, it's crucial to present clear information about the working process such as FAQ, Shipping and Delivery, and How to Order. This allows customers to find answers online, reducing the need to call for assistance.
