Apple products have a solid following in the creative industries, so it’s no surprise that a range of Apple products including iPhones, iMacs and Macbooks make their way into website designs. Check out this collection of excellent examples, and follow on to a comprehensive collection of resources including icons, imagery and tutorials ready for use in your next web design project.

Apple Products in Web Design: Examples

Apple.com/MobileMe

Apple products in web design

MacaMontreal.com

Apple products in web design

Thuiven.com

Apple products in web design

WebDesignerDepot.com

Apple products in web design

LifeTreeCreative.com

Apple products in web design

DesignChuchi.ch

Apple products in web design

Teatros.com

Apple products in web design

Gonzo-Design.com

Apple products in web design

Ego-App.com

Apple products in web design

MockDraftApp.com

Apple products in web design

DavidHellmann.com

Apple products in web design

iPhoneMaker.com

Apple products in web design

JuneCloud.com

Apple products in web design

Tapbots.com

Apple products in web design

FlipSide5.com

Apple products in web design

TapTapTap.com

Apple products in web design

Callohea.com

Apple products in web design

FutureTap.com

Apple products in web design

OutPostApp.com

Apple products in web design

SpoonJuice.com

Apple products in web design

ChurchMedia.cc

Apple products in web design

IconDesigner.net

Apple products in web design

CheckoutApp.com

Apple products in web design

QuickSnapper.com

Apple products in web design

MidnightApps.com

Apple products in web design

Apple Products in Web Design: Resources

In need of some resources for your own designs? There are a range of free icons and vector images available, here are some of the best:

Apple Icons

Apple Icons

Apple Icons

Apple Icons

Apple Icons

Apple Icons

Apple Icons

Apple Icons

Apple Icons

Apple Icons

Apple Icons

Apple Icons

Apple Icons

Apple Icons

Apple Icons

Apple Icons

Apple Icons

Apple Icons

Apple Icons

Apple Products in Web Design: Tutorials

If you would prefer to create your own graphics from scratch, there’s a handful of tutorials for both Adobe Photoshop and Adobe Illustrator that can help out:

How to Create a Vector iMac Graphic in Illustrator

Apple Tutorials

Creating A Vector Style MacBook From Scratch

Apple Tutorials

Create a Slick Black iMac in Photoshop

Apple Tutorials

iMouse – Creating the Apple Mouse

Apple Tutorials

Create an Apple iPhone cCse from Scratch

Apple Tutorials

Create an Apple iMac in Photoshop

Apple Tutorials

Create a MacBook Air in Adobe Photoshop

Apple Tutorials

Share on Pinterest
There are no images.
46 Comments submitted Add yours!
Subscribe receive Spoon Graphics newsletters

Subscribe to my newsletter to be the first to hear about new posts

46 Comments

  1. You must have had a hard time deciding where to place this article – B.SG or L25 ;) . Anyway, by including those tutorials / resources, you did a great job placing it here. Really liking the article, pretty inspirational.

    Also, I like the iPhone GUI from teehan+lax more than the one provided by SmashingMag. tehaan+lax is way more advance and has loads of options. Check it out:

    http://www.teehanlax.com/blog/?p=447

    Keep up the good work Chris!

    • That’s right, I don’t want to neglect Blog.SpoonGraphics of any web design topics now I have Line25. You can be sure to expect a decent spread over the two!

      The iPhone GUI is definitely another useful resource. Thanks for the link.

  2. Apple products are in a class of their own, their user interfaces allow for easy development and designing. They are quick and efficient, they don’t crash and they run with the user in mind. I used to use PC’s to do all my work, and i was one of those guys who said PC’s are great…However, i was so wrong. Put it this way, i bet when Steve Jobs presents a new operating system, it doesn’t crash….and infront of all those potential investors and clients……damnnnnnnnn!!!!!!

  3. interesting post!
    i’m about to sell my ipod touch 16gb to get an iphone, find it a pain in the arse having to carry my phone and touch round at the same time when I use my touch for calendars, email, browsing, games, movie times etc, and my phone for ringing and texting!

    I don’t own a mac unfortunately, I just bought a Sony Vaio which is the same spec as a macbook pro but £1000 cheaper! Maybe in a year or two i’ll invest in a mac!

    Great post

  4. Thanks for featuring my macbook icon…
    (The one with the .psd included)

    Nice round-up!

    Cheers from Bonn, germany,
    Oliver

  5. Very interesting post. Seems like everyone should adopt for the Mac’s instead of the old PC’s without the Mitchell and web commercial :)

  6. Chris,

    Great collection. I have noticed the a trend using macbooks and Apple displays to show featured web work. It is interesting how creative’s automatically assume their work looks more professional displayed inside apple displays opposed to something like a Dell widescreen display.

  7. Ugh, Mac fanboyishness is overwhelming the discussion. Don’t get me wrong, Apple has great designers, but I hate it when people treat them as some sort of religion.

    Anyway, nice list, definitely looks beautiful.

  8. I use Apple’s UI as part of my designs among the countless inspirations on the web. Great article! ^__^

  9. Thanks this is an interesting post. I think the apple design team do come up with some creative work, but I do tend to believe that alot of mac related websites actually copy alot of their operating systems designs, which actually only puts them in the category or not being very creative!

    Not that I am trying to start a flame war but I picked up the following from the comments!

    re: James Mann comments
    James who cares mate, this site is about ‘web design’ not operating systems. Regardless of what system you use, whether it crashes or not, amazing designs come out of both, whether or not those designers choose to use a mac or pc I say….who cares!

    re: Antonea Nabors comments

    I fully agree with you, but I have a slightly different view I’ve noticed when talking to clients they ‘assume’ you own or work on a mac, when you tell someone you went to uni in a design related course they honestly believe you worked only on mac’s (technically they made us work on both). Its only my opinion so take it or leave it but I think designers know this and choose to display there work in a mac/apple style display so as to come across as either a degree qualified designers or working for a design firm, rather then from home…but I could be wrong!

    re: myDevWares comments

    Couldn’t agree with your more!

  10. Apple products are used a lot by the creative industry, web designers included. Not only are the machines and products that Apple Mac, revolutionary, efficient and excellent, they are also usually great looking things too!

    Even my companies’ homepage has use of the new Apple monitors, they just seem to work so much better than anything else.

    One thing however that I noticed is that some of the examples above include ‘dated’ Apple Machines, which could reflect on the web-site.

  11. Hello Chris!! Congratulations for blog. It’s excellent!! Man, today I overcome me. 40 minutes navigating in Spoon Graphics!! Chris, I have a question. How I place a picture in the comment?

  12. Really interesting.
    I see apple products everywhere, not just online.

    Ikea catalog for instance has apple macs on their office layouts and what not.

    Is Apple still seen as products made for designers BY designers, and therefor deemed cool?

    £100

  13. my two cents…

    In all of the above designs, the incorporation of mac products, is less so about the use of macs to showcase what they are, their relevance, or their “undeniable awesomeness” as per many people’s opinions, but instead in alignment with the minimalist design of these pages as a whole. Or alternatively, in line with the image they wish to portray to their visitors.

    Mac products and icons are widely used because of their iconicity, simplicity, brand recognition, and then because of their cult status, all of which other brands will have a difficuult time competing with.

    I say all this as a proud owner of a dell :D

  14. That is interesting. I have seen some of these sites and noticed the Apple presence within them. I think that when people think of art and design, they right away think of use of apple products. It is known that apple is superior for graphics.

  15. I once worked for Apple, smart company who have taken a series of niche markets/products, bye knitting them together they have created a mass market, yet most people still see Apple as niche brand. Apple now embraces developers and from a brand that Oracle were going to buy for a song they now sit right up there with other iconic brands

  16. I just started working at this website design studio. Majority of the people here use mac, they’re trying to convert me. I’m still on the fence about it, been a Windows guy for as long as I can remember. I guess we’ll have to wait and see.

Comments are now closed