Lessons from the

Pro Display XDR

Hero thumbnail
In 2022 we have worked on rebuilding the HTML and the interactions of some Apple product pages, and that has been a challenge, since there are highly complex interfaces and animations.We've used native Webflow interactions to make elements move on the screen as a user scrolls.
Webflow tabs can be used for their counterpart on the Mac landing page.
One interesting way of approaching on-scroll animations, such as when the device lid is closed, is using a frame-by-frame technique. On Webflow we would create an on scroll interaction on which layers are triggered on and off, then users would see a transition of about 30 layers when scrolling through.
Another nice lesson learned when studying the Apple landing relates to their approach to mobile. specifically, top and footer menus are approached in a quite interesting way: it's far from being just a reduction in size or stacked up version of it's desktop counterpart.
Thumbnail col pic
Featured interface
Interface thumbnail

Unveiling the Secrets of Apple's Design

The MacBook Air landing page offers valuable lessons for UI/UX designers and developers. From understanding user experience (UX) principles to staying up-to-date on web design trends, studying this page provides insights into Apple's design language, communication strategies, and potentially their marketing approach.
Hero image
Carlos & Diego
Feel like chatting?
Book Free Discovery Call
Clutch badge svg logo-1
5/5 from 10 reviews
Reviewed on Clutch
Clutch badge svg logo-1
Top Web design company
NY City 2024
Clutch badge svg logo-1
Top e-Commerce Devs
NY City 2024
Clutch badge svg logo-1
Top User Experience Co
IT New York
Clutch badge svg logo-1
Top HTML5 Development
NY City 2024
UpWork icon badge
Top Rated Plus Provider
UpWork 2019-2024
Group 1943
100% Job Success Provider
UpWork 2017-2024
Google badge logo svg
5.0 Google Business Rating
Out of 10 reviews
Outlook-A picture  1
Accredited NY Agency
Design Rush 2022