Wireframes - Intershop PWA 0.20

Product Version

0.20

Product To Version

0.20
Status

final

1 Introduction

The wireframes listed 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.

2 View and Edit

Each ZIP file 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. Please note: The file was created with Axure RP 9 and cannot be opened in previous versions.

2.1 Interactive Prototype

There are features on some pages which are interactive. Use the 2nd icon next to the axure logo and select the option "Show Hotspots".

2.2 Responsive Design

The design is responsive in the same way the starter store is.


The breakpoints are:

  • Phone (xs): less than 768px
  • Tablet (sm): 768px and up
  • Medium Desktop (md): 992px and up
  • Large Desktop (lg): 1200px and up (only included in the Checkout documents; in all other areas the layout is the same as in the Medium Desktop view, only the page margin grows).

To see the different layouts, you can resize your browser, or you can use the drop-down to switch between the views.

2.3 Page Notes

The prototype is described with page and widget notes. Use the 1st icon to show the documentation.

3 Feedback

Any feedback is appreciated.

Write an e-mail to UserExperience2@intershop.de

4 Wireframes


Progressive Web App
Shopping Experience
Checkout
My Account

Disclaimer

The information provided in the Knowledge Base may not be applicable to all systems and situations. Intershop Communications will not be liable to any party for any direct or indirect damages resulting from the use of the Customer Support section of the Intershop Corporate Web site, including, without limitation, any lost profits, business interruption, loss of programs or other data on your information handling system.

Customer Support
Knowledge Base
Product Resources
Tickets