Prototypr

Prototyping, UX Design, Front-end Development and Beyond 👾 | ✍️ Write for us…

Follow publication

Member-only story

Master the Art of Apple’s Splash Pages with these tricks

Dhananjay Garg
Prototypr
Published in
9 min readSep 13, 2022

How Apple builds stellar examples for its overview pages

Apple still makes the most mind-blowing splash pages that we have seen in the history of tech products. With every product they release during an Apple Event, the company seems to be pushing the boundaries in not only mobile but also web development. That’s why I eagerly wait to study, revisit and look over Apple product entry pages every time. At this age, I am thankful to be able to use the cutting-edge Chrome Developer Tools to inspect the webpage’s elements further in this blog.

Apple is increasingly adding more content to its feature-ladened product web pages using a bunch of the basic UX principles. Hence, this blog might be a bit longer to cover most of the tricks that Apple uses in its webpage designs.

So, let’s start with the most obvious one that makes Apple web pages mind blowing😮.

Motion

AirPods Pro (2nd generation)

Apple uses a lot of motion in its feature pages. They utilize videos that play as live background. But they also have hundreds of images that get changed in the JavaScript file on scrolling of the page. The scroll motion is…

Create an account to read the full story.

The author made this story available to Medium members only.
If you’re new to Medium, create a new account to read this story on us.

Or, continue in mobile web

Already have an account? Sign in

Published in Prototypr

Prototyping, UX Design, Front-end Development and Beyond 👾 | ✍️ Write for us https://bit.ly/apply-prototypr

Written by Dhananjay Garg

Product Designer who narrates stories. Love designing products that are accessible & usable. Connect on https://www.linkedin.com/in/djgarg/

No responses yet

Write a response