Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

What is this style of design called?

Featured Replies

Hi,

I am trying to identify a name for this type of design that I am seeing more and more of on SaaS /Web App sites. It is a demonstration of the site software functionality, but like a mock-up/abstract version. It can be static images or video. You can see some examples of video below and hopefully you can see the image I have attached:

Video exmaples:

Image:

image.png.340b3d4cc6df38299e0867a362c54808.png

Is there a name for this type of feature demonstration?

 

Thanks

 

Both videos look like they're using a mockup/wireframing tool to demonstrate interactivity.

I don't think there are any specific terms for this sort of thing, to me I'd call it a "wireframe demo".

  • Author

Thanks. @BlueDreamer It's interesting and really draws my attention. Makes the product look smooth and easy to use. Both the video's I attached have fully functioning products, but rather than show a video or gifs of the actual product being used, they choose to use abstract lines and blobs, but it actually works better I think.

There's no hard and fast rules as to how you do things like this.

If you're using this to help sell a product it's worth experimenting with different approaches.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.