ITP-Shopify Store - Assignment 5 - Storefront Design and Customer Experience

Author

Luis Berumen

Published

August 16, 2026

1 Homepage Improvement

I redesigned the homepage so customers can immediately understand what Custom Card Forge sells and where to go next. The updated hero section introduces the store as a place for personalized trading cards and collector accessories. It also includes two clear calls to action, Start Your Card and Browse All Products, which guide customers toward product discovery. The main navigation gives direct access to Custom Cards, Card Protection, Storage & Display, the full catalog, and contact information. The beginning of the Shop by Collection section is also visible below the hero, helping customers continue shopping without having to search for the main product categories.

Figure 1: Improved Custom Card Forge homepage showing the hero section, navigation, calls to action, and the beginning of collection-based product discovery.
TipHomepage Goal

The homepage communicates the store’s main purpose quickly and gives customers clear next steps instead of making them search through the full catalog.

2 Product Page Improvements

The product pages were improved to create a cleaner and more consistent shopping experience. Important information such as product imagery, product name, price, quantity, purchasing controls, and product description is presented in a clear layout. Bright purchase buttons stand out against the dark background, making the next step easy to identify. The same visual system is used across different product types so the storefront feels consistent.

2.1 Basic Custom Card

Figure 2: Improved Basic Custom Card product page showing the product image, price, quantity selector, purchase buttons, and description.

The Basic Custom Card page makes the main product easy to evaluate. Customers can see a large product image while the information panel clearly displays the product name, price, quantity controls, Add to cart, Buy it now, and a description explaining what the customer is purchasing.

2.2 Card Sleeves

Figure 3: Improved Card Sleeves product page showing clear product information, purchase controls, and customer-focused benefit cards.

The Card Sleeves page shows that the improved design works consistently for accessory products as well as custom cards. In addition to the main product information and purchase controls, the page includes customer-focused benefit cards such as Collector Focused, Clear Product Details, and Easy Next Step, which reinforce the purpose of the product page and help customers move toward checkout.

3 Collection Page Improvement

The collection page was improved to make comparison and product discovery easier. Products are displayed in a clean grid with consistent images, product names, prices, and direct Add to cart buttons. Customers can also use filter and sorting controls to narrow or reorganize the products shown. This makes it easier to compare different custom card styles and price levels without opening every product page first.