Introduction
The wireframes described here contain interaction designs for storefront pages. Elements and functionality of the Intershop Progressive Web App are displayed and explained. Based on this documentation new features can be designed and developed.
View and Edit
The wireframes are provided in zip files at the bottom of this document. Each of the zip files contains:
A clickable prototype. Open HTML/index.html to see the start page. From there you can navigate directly to other pages via the sitemap.
The editable *.rp Axure file.
The Axure file was created with Axure RP 9 and cannot be opened in previous versions.
Interactive Prototype
There are features on some pages which are interactive. Use the 
icon next to the Axure logo and select the option Show Hotspots.
Responsive Design
The design is responsive in the same way as the starter store is.
The breakpoints are:
Phone (xs): less than 768px
Tablet (sm): 768px and up
Medium Desktop (md): 992px and up
To see the different layouts, you can resize your browser, or you can use the drop-down menu to switch between the views.
Page Notes
The prototype is described with page notes and widget notes. Use the 
icon to show the documentation.
See the Axure documentation for more information on how to interact with the prototype.
Feedback
We value your feedback!
Feel free to send your thoughts via e-mail to: UserExperience2@intershop.de.
Wireframes
Valid for PWA version | Progressive Web App | |
|---|---|---|
Copilot Integration | 5.3+ |