Design single product page system for Shopify

I have provide 4 documents to help developer to under stand this product have which functions.

https://l1skqv.axshare.com/

Wireframe

In the wireframe, I have setup the interaction in the each page, let designer and developer easier to understand the product flow.

I selected to use Axure because it can easily to share with the team and discuss on the file with comments.

I can do the same document with the other design tools, such as Figma, Sketch with Invision, Adobe XD.

Use Case document

User story, it can help me to verify my wireframe flow logic is right.

After the development I will use the user story to create a Test Report document, this can help the team make sure the launch product same as the product design flow.

UI Flow Chart

This document is for designer and developer can overview the product flow.

Mind Map