What the iPhone Duo means for web design

Apple’s first foldable phone, the iPhone Duo, shipped on 23 October. Few of your customers will own one this year, but the ones who do will see your store on a screen shape most websites have never been tested on.

Cameron Gomes

Founder

What the iPhone Duo means for web design

Apple’s first foldable phone, the iPhone Duo, shipped on 23 October. Few of your customers will own one this year, but the ones who do will see your store on a screen shape most websites have never been tested on.

Cameron Gomes

Founder

This doesn't mean rushing into a new website re-design. Understand how your existing store behaves across different screen sizes, and make sure the shopping experience holds up as devices evolve.

Here's what you need to know.

Will your customers actually have one?

At A$3,499 for the entry-level model, the iPhone Duo sits firmly in the premium end of the market.

It's reasonable to expect early adopters and technology enthusiasts to be among its first owners. For premium retailers, these customers may represent an important audience. But whether foldable phones matter to your business depends on your own customers, not just the price of the device.

Rather than investing in a foldable-specific experience straight away, start by understanding your audience and checking how your existing store performs across different screen sizes.

A screen that changes shape

The iPhone Duo has two displays: a 7.6-inch screen when open and a 5.4-inch screen when closed. Users can also hold the inner screen in different orientations or partially fold it.

That creates a different set of possibilities for browsing and shopping.

A website needs to work on a traditional mobile screen, adapt to a larger display and remain usable as the available viewport changes. A layout that looks great in one configuration may feel cramped, stretched or awkward in another.

The good news is that this isn't an entirely new problem. Responsive web design already addresses changing screen sizes using flexible layouts, CSS Grid, Flexbox and media queries.

There is also a new development opportunity. In Safari 27.1, Apple's WebKit team introduced a developer preview of the Device Posture API and Viewport Segments API for iPhone Duo. These can help websites respond to the device's folding position and the separate areas of the display. However, the features sit behind developer feature flags, so retailers shouldn't assume they're available to every shopper.

For most stores, the priority remains making the shopping experience work well without relying on fold-specific features.

Technical reference: WebKit's guide to Safari 27.1 and iPhone Duo.

Three things that can go wrong

A foldable phone doesn't automatically break a website. Problems are more likely when a store relies on rigid layouts, fixed dimensions or interface elements that don't adapt well to changing screen space.

Here are three areas worth checking.

1. Awkward layouts

Product grids can become cramped or leave too much unused space. Banners may dominate the screen, while navigation and promotional elements compete with the products themselves.

Your layout should adapt to the available width rather than assume every shopper is using a conventional phone or tablet.

2. Lost progress

Changing a device's orientation or folding state can trigger viewport changes and, depending on how a site is built, layout updates or component reinitialisation.

If the shopping experience hasn't been implemented carefully, a shopper could lose form inputs, encounter a disrupted cart interface or need to repeat an action.

Resizing a screen shouldn't inherently erase a cart or checkout progress. The goal is to make sure your store handles changes gracefully and preserves the shopper's state.

3. Important elements in the wrong place

When a device is partially folded, the crease can affect how content is viewed and interacted with.

A button, navigation element or important piece of product information positioned across the fold may be awkward to use. Critical actions should remain visible, accessible and easy to tap across the device's different configurations.

Why this is good news for eCommerce

A larger display creates opportunities to rethink how shoppers interact with a store.

Product imagery could sit alongside product details rather than appearing above them. Navigation could make better use of available space. Product comparisons and supporting information could be easier to access, while checkout summaries might remain visible without unnecessary interaction.

These aren't benefits that automatically come with a bigger screen. They depend on the design, the content and how the store has been developed.

The important distinction is between simply making a website fit and making the experience work well for the person using it.

If your store already uses flexible layouts and has been properly tested across mobile and tablet viewports, you're starting from a strong position.

What should retailers do about it?

There's no need to build an entirely separate website for one foldable phone. Instead, choose an approach that matches your customers, your existing technology and your budget.

1. Check what you already have

For most retailers, this is the right place to start.

Ask your eCommerce agency or development team to test your homepage, collection pages, product pages, cart and checkout across a range of viewport sizes and orientations.

Pay particular attention to product grids, navigation, promotional banners, sticky elements, forms and buttons. Check that important content remains accessible and that changing the screen configuration doesn't disrupt the shopping experience.

The objective is to identify and fix genuine usability issues, not to rebuild things that are already working.

2. Polish the experience

If your customers are particularly engaged with new technology, or your brand places a strong emphasis on premium digital experiences, there may be an opportunity to go further.

Consider whether product imagery, product details, navigation or comparison features could make better use of the available space.

This is about improving the shopping experience, rather than adding features simply because a device supports them.

3. Build for foldable devices

More advanced, fold-specific experiences may make sense for applications, content-heavy platforms or retailers with a demonstrated audience using foldable devices.

The newer browser APIs provide developers with ways to respond to device posture and display segments. But building around these capabilities introduces additional design, development and testing considerations.

Before investing, establish a clear use case and a reason to believe the additional work will benefit your customers.

For most retailers, a dedicated website for foldable phones isn't necessary. A well-built, responsive store is a more practical investment.

The bigger point

The arrival of Apple's first foldable iPhone is a useful reminder that the devices people use to shop online will continue to evolve.

Retailers don't need to chase every new device or feature. They do need an eCommerce experience that can adapt without compromising usability, performance or conversion.

That starts with getting the fundamentals right: flexible layouts, accessible interactions, reliable cart behaviour and a checkout that works across devices.

Get those things right, and you're not just preparing for the iPhone Duo. You're building a better shopping experience for whatever comes next.

Frequently asked questions

What is the iPhone Duo?

The iPhone Duo is Apple's first foldable iPhone. Apple announced it on 10 September 2026. It has a 7.6-inch inner display and a 5.4-inch outer display.

How much does the iPhone Duo cost in Australia?

The 256GB model starts at A$3,499, including GST. Higher storage configurations cost more. Check Apple Australia's iPhone Duo store for current pricing.

When did the iPhone Duo become available?

Australian pre-orders opened on 16 October 2026, with availability beginning on 23 October 2026, according to Apple's Australian announcement.

Will my Shopify store work on the iPhone Duo?

A modern, responsive Shopify store should provide a solid starting point. However, the result depends on your theme, customisations, apps and how individual components respond to different viewport sizes. Test your key pages rather than assuming compatibility.

Can my website detect the fold?

Safari 27.1 on iPhone Duo includes a developer preview of the Device Posture API and Viewport Segments API, which can expose information about the device's folding position and display segments. These features require enabling developer feature flags, so they shouldn't be treated as universally available. A flexible layout that works without them remains the safest starting point.

Do I need a separate website for foldable phones?

No, not for most businesses. A responsive website that adapts to different screen sizes and orientations is generally a better investment than maintaining a separate version for one device.

Should I do anything right now?

Start with a review of your homepage, collection pages, product pages, cart and checkout. Identify any layout or usability issues across different screen sizes, then prioritise fixes based on their impact on the customer experience. More advanced foldable-specific development can wait until there's a clear business case for it.

Looking for an eCommerce team that understands the iPhone Duo?

If you're planning a new Shopify website or looking to improve your existing store, MILQ Digital can help you build an eCommerce experience that adapts to new devices, including Apple's iPhone Duo.

As a Shopify Premier Partner, we combine eCommerce strategy, UX and Shopify development to create flexible, high-performing online stores designed around your customers and your commercial goals.

Get in touch with MILQ Digital to discuss your next eCommerce project.

Let’s keep in touch.

Discover more about high-performance web design. Follow us on Linkedin and Instagram.