Skip to main content

Retail section of Apple.com updated with new design inspired by iOS 7

Screen Shot 2014-02-25 at 2.21.29 AM

Apple quietly updated the retail section of its website today with a new look that more closely resembles iOS 7. Where the previous version of these pages used content boxes, borders, textured backgrounds, and gradients, the new page instead utilizes ample whitespace and thinner typefaces.

The change is probably best illustrated on the section’s home page, where images previously constrained by content boxes now fill the entire page. On the “Learn” page, buttons with heavy gradients have been replaced by thinly-outlined, lighter versions of the previous design. Gradient-filled headers have disappeared from every page, now replaced by unadorned text.

Oddly, the “Make a Reservation” button that allowed users to quickly create a Genius Bar appointment has been removed from the site’s navigation. Appointments can only be made by navigating to the Genius Bar page and clicking a link in the first paragraph of that page’s content. The Concierge page has not been updated to the new design yet.

You’ll find a bunch of before-and-after comparisons and take our poll on the new design below:

FTC: We use income earning auto affiliate links. More.

You’re reading 9to5Mac — experts who break news about Apple and its surrounding ecosystem, day after day. Be sure to check out our homepage for all the latest news, and follow 9to5Mac on Twitter, Facebook, and LinkedIn to stay in the loop. Don’t know where to start? Check out our exclusive stories, reviews, how-tos, and subscribe to our YouTube channel

Comments

  1. rogifan - 10 years ago

    Now they need to update the Apple Store site. And fix the hideous gray navigation bar at the top.

  2. Mr. Grey (@mister_grey) - 10 years ago

    It’s been like this for me in Canada for at least six months already. This is not new at all.

  3. This is not really “inspired by iOS7” like the headline suggests, it’s just flat/minimal design. To the untrained eye it’s close, but a bunch of white space and lack of gradients does not equal iOS7. None of the colors, fonts, icons or anything else is the same as iOS7. If Apple was going to update the website to match iOS7 it would not look like this.

    They used SVG’s for many of the icons. Which kinda goes against the design philosophy of the rest of the Apple site. And the icons themselves are all pre-iOS7 graphics.

    Hmm, something tells me this was either made a long time ago and for some reason is only being uploaded now, or it was made by someone with very limited contact with Apple HQ, like an independent design firm.

    Also, the 2px border radius on the grey outlined squares looks really bad, they should be using 3 or 4px like in iOS7. I could keep going but I won’t…