Concept

This proof of concept eCommerce app was designed to cement the general concepts of the internal data storage, delivered in an interface which is directly applicable to today's digital climate. As a Product Manager with experience working on eCommerce mobile apps and platforms, I was especially interested in this project as it gave me the uinque opportunity to see behind the proverbial veil, and provide some insight into the work done by my team's developers.

The Touchdown app is designed to consume data from the provided JSON data models, and display product information from the catalog. Additionally, it builds together SwiftUI concepts from the preceding projects to create a simulated sporting equipment storefront.

Being a proof of concept, this application mirrors the look and feel of a basic eCommerce app, without the external or back-end integrations such as that of a payment processor, a content management system (CMS), customer relationship managment (CRM) APIs, or an inventory management platform.

Solution

Instead of the previously employed struct data sets, Touchdown utilizes a custom JSON decoder, which analyzes JSON data files and creates consumable data sets. Using this new JSON decoder to house the relevant product, brand, and category information, the data is parsed and cross-referenced to populate each product page, built using the same component-style designs as in the previous projects. However, Touchdown introduced a custom shape component designed to respond reactively to the varying screen sizes found in different iOS devices.

In addition to the custom clipping and JSON decoder, the Touchdown app combined techniques from previous projects to create a more complex interface, with nested vertical and horizontal scrolling containers, custom views, and a responsive design interface.