65 Excellent Flash Designs

Advertisement

With Flash you can do more than just displaying videos. You can create stunning visual experience and offer your visitors incredible user interaction. Although Flash is definitely not the favourite medium for usability and accessibility advocates, it has its advantages and it empowers the Web with functionalities which make it an incredibly interactive medium. With Flash designers can achieve results which simply aren’t possible with (X)HTML and CSS.

The results can be creative, impressive, beautiful and fascinating. Under two conditions: 1) if designers find the right mixture between graphics, animation, video and sound and 2) if designers follow the guidelines of usability and user interaction.

However, since there is a number of things that can go wrong in Flash, it’s easy to get it wrong. In fact, there are thousands of examples where it is the case. In Flash any experiments with navigation and layouts are possible and in most cases it’s extremely hard to find a creative yet intuitive approach. Flash is commonly used by designers, agencies, advertisers and interactive web sites, and not on the sites where simplicity and quick access to information are important.

In this post we present 65 examples of outstanding Flash designs with excellent use of graphics, visual elements, interface design and graphics motion. This showcase (mostly) presents “pure” web designs; we’ve tried to avoid Flash-based games and advertising.

Mistake #1: Use Of Flash To Imitate (X)HTML/CSS

Flash shouldn’t be used if the designer tries to imitate (X)HTML/CSS-presentation. Long texts shouldn’t be embedded in Flash movies, because it’s harder (if possible at all) to work with the embedded text once you need to. Cubamoon1 is a perfect example of how this is done wrongly. The completeness of the design is enviable, its beauty irresistible, Flash-effects are stunning. However it’s really hard to work with the content of the site. Visitors can’t open links in new windows and the text can’t be selected and copied.

Cubamoon2

Flash’s strength lies in its ability to showcase unusual visual solutions, including graphic motion, videos and sound. Make use of them if you really want to achieve a stunning visual design, instead of imitating “conventional” web-presentation.

Mistake #2: Navigation Is Unintuitive

Whatever decisions developers make for the design of their navigation menus, the result has to fulfill three significant requirements: it has to be intuitive, easy-to-use and work properly. Whether the design is Flash-based or not is not that important.

Flash Screenshot3

The navigation is possible with the wheel which needs to be dragged. That looks easy, but it isn’t. Where is the grey zone between usability and creativity?

Using too creative approaches designers risk to confuse or even disturb visitors. The freedom for experiments with Flash may lead to unusual solutions which aren’t necessarily understood by all visitors.

Therefore designing in Flash never assume that the navigation can be arbitrarily complex and that visitors will take time to explore it. Users don’t like to wait. And if they don’t understand how the site works they leave. This is simple. And may cost you your money and your efforts. Be willing to compromise. Use creative approaches, but always take your visitors into consideration.

Mistake #3: Pop-Ups Are Still Used

Flash Screenshot4

That’s just wrong. Flash designers need to understand that pop-ups shouldn’t be used any longer. Almost every browser blocks opening windows. Tricks and convincing arguments don’t help any more. Use the screen size your visitors use. In most cases you don’t need more.

Gallery

What is your favorite?

3D-Experience, Video-Effects

Flash Screenshot5

3D, motion.

Flash Screenshot6

Outstanding 3D-experience with informative and clear content.

7

Visiting the agency’s web-site you actually visit their agency. Clean images, great use of video features.

Flash Screenshot8

Video motion, Multimedia, Navigation. Tell your visitors your story. Excellent portfolio site. Excellent use of Flash.

Flash Screenshot9

Open up the containers to navigate. Beautiful.

Flash Screenshot10

Simple, but extremely clean and calm. Showreel is just stunning.

Flash Screenshot11

Impressive visual experience.

Flash Screenshot12

Would you like a guided tour through this building?

Flash Screenshot13

Outstanding effects with videos and camera lenses.

Flash Screenshot14

Listen to what the suitcase says.

Flash Screenshot15

OK, this is a shop. But what is happening here, the models are interacting.

Flash Screenshot16

This is the visualization of a single by the band SWOD. It is called Waltz 57; the noise is also included in the single. Beautiful graphic motion. Built only with Flash and takes time to load. Better take a look at the video in small resolution.

Flash Screenshot17

Excellent graphic motion.

18

Flip the book to navigate. Impressive 3D-effects.

Visual Elements

Flash Screenshot19

Learn how to make a good first impression.

Flash Screenshot20

Crazy, interactive, unusual – creative!

Flash Screenshot21

Clean and interactive presentation at its best.

Flash Screenshot22

The portfolio is presented as a box of chocolates; every item can be picked, previewed and added to the lightbox for later.

Flash Screenshot23

This projection screen can be set in motion.

Flash Screenshot24

Follow the infinite red line (click on the screen first).

Flash Screenshot25

An agency’s web-site doesn’t have to be boring. These guys seem to be hilarious.

Flash Screenshot26

Portfolio designed as a… bus.

Flash Screenshot27

Excellent photography and visual elements.

Flash Screenshot28

The dropping down heaven. Every block is a single drop-down menu.

Flash Screenshot29

The Funnel Design Group. A classic.

Clean, Clear and Simple

Flash Screenshot30

Calm, peaceful, beautiful.

Flash Screenshot31

Silent, but so clean and elegant.

Flash Screenshot32

Calm and so beautiful. 3D-interaction in the Chromazone universe.

Flash Screenshot33

Minimalistic, interesting navigation; precise and sharp.

Flash Screenshot34

Minimalistic and beautiful, a portfolio.

User Interface, Navigation

35

Desktop in Flash. Very elegant solution.

Flash Screenshot36

Navigation with colored stickers.

Flash Screenshot37

Tremendous graphic design, and beautiful navigation – flashy!

Flash Screenshot38

d’strict uses some kind of a bubble-lupe as site’s primary navigation. To navigate you have to drag the bubble upon the layout. And no, the design is based neither upon grids nor upon columns. Explore.

Flash Screenshot39

A circular navigation.

Flash Screenshot40

Click on the ribbon and it flashes right to you preloading the content you’d like to see.

Flash Screenshot41

Drag & Drop navigation

Flash Screenshot42

So beautiful, so elegant, so clean and interactive.

Flash Screenshot43

What could it be? Well, this is an image gallery. Unusual navigation – you need to be really desperate about your navigation to come up with this method.

Flash Screenshot44

Classic, navigation through CDs.

Flash Screenshot45

Where is the navigation? On the right side at the top of the layout. To browse through categories you need to “switch a channel” like you would do it in your radio set. Nice idea from Switzerland.

Flash Screenshot46

Moon Palace offers a quite imaginative navigation.

Flash Screenshot47

Pick the category from a set of discs. Interesting navigation, and also beautiful.

Flash Screenshot48

Yammat: Navigation with elastic bands.

Flash Screenshot49

Another interesting concept by Limbus from France.

50

Flash Screenshot51

Flash Screenshot52

Beautiful navigation and interesting presentation. And we really love big typography.

Flash Screenshot53

…we also love lemons by the way.

Experimental

Flash Screenshot54

Kashiwa Sato loves color palettes. Do your eyes too?

Flash Screenshot55

This damn pencil can make you nervous.

Flash Screenshot56

OK, this is scary. And not beautiful. But the use of visual elements on Marilyn Manson’s official web-site is… well, unusual.

Flash Screenshot57

Self-portrait of a quite different art.

Flash Screenshot58

HiFi Rack.

Flash Screenshot59

Pixel-based Flash design created with the attention to smallest details. Unfortunately, there are sometimes too many pixels. Flash keeps the pixels alive – nice approach.

Flash Screenshot60

He doesn’t exist. Monoface’s face shuffle. We simply couldn’t resist.

Flash Screenshot61

Mohamed Yosry uses Flash in his own way. Not stunning, but unusual.

Flash Screenshot62

Kimm Saatveldt presents his portfolio in a rather unusual way. Place the mouse in the middle of the page to navigate.

Flash Screenshot63

HBO Voyeur. A classic you really need to have seen — at least once in your life.

Flash Screenshot64

An unusual format for portfolio of a web design agency.

Flash Screenshot65

Why not? Web-site as a newspaper.

Flash Screenshot66

Flash design from the 90s. Old, but still impressive. This text editor software is actually still in use.

Footnotes

  1. 1 http://www.cubamoon.com/
  2. 2 http://www.cubamoon.com/
  3. 3 http://www.selftitled.ca/
  4. 4 http://www.kurtstallaert.be/
  5. 5 http://www.cafesonique.com/launch/flash.php
  6. 6 http://www.schiphol.nl/media/visuals/toekomst/
  7. 7 http://agencynet.com/
  8. 8 http://okaydave.com/
  9. 9 http://www.designsul.pt/
  10. 10 http://www.paregos.com/
  11. 11 http://www.pixelgasoline.com/
  12. 12 http://www.bkinteractive.com/
  13. 13 http://www.dead-line.com/
  14. 14 http://www.hungrysuitcase.com/
  15. 15 https://www.cicatriz.se/
  16. 16 http://www.abnormalbehaviorchild.com/waltz57.html
  17. 17 http://www.pinkvice.com/html/love_lied.html
  18. 18 http://www.sectionseven.com
  19. 19 http://www.wmteam.com/
  20. 20 http://www.ownyourc.com/
  21. 21 http://www.piotrowskimichal.com/
  22. 22 http://www.janholoubek.com/
  23. 23 http://neovision.jp
  24. 24 http://zoomquilt.org/
  25. 25 http://www.aksident.be/
  26. 26 http://www.oddodesign.com/
  27. 27 http://prismgirl.org/
  28. 28 http://www.koalition.com/
  29. 29 http://www.brantt.be/
  30. 30 http://www.jonathanyuen.com
  31. 31 http://ff0000.com/
  32. 32 http://www.chromazone-imaging.co.uk
  33. 33 http://www.kindnessandhumility.com/
  34. 34 http://www.sonjamueller.org/
  35. 35 http://www.pr0jects.com/
  36. 36 http://www.thibaud.be/
  37. 37 http://www.javierferrervidal.com/
  38. 38 http://www.dstrict.com/
  39. 39 http://www.a-i.tw/root.html?lang=en#pos=17
  40. 40 http://www.swoo.ca/
  41. 41 http://www.filippasmedhagensund.com/
  42. 42 http://www.enjoygreenergrass.com
  43. 43 http://www.brantt.be/
  44. 44 http://www.dead-line.com/
  45. 45 http://www.petepenicka.ch/
  46. 46 http://www.moonpalace.fr/
  47. 47 http://www.s-w-h.com/index.php?language=en
  48. 48 http://www.yammat.com/
  49. 49 http://www.limbus.fr/
  50. 50 http://www.miniusa.com/roofstudio/index.jsp
  51. 51 http://www.thomasedison.org/
  52. 52 http://www.ourvice.com/
  53. 53 http://www.citrus7.com.br/
  54. 54 http://kashiwasato.com/
  55. 55 http://www.leoburnett.ca/
  56. 56 http://www.marilynmanson.com/
  57. 57 http://www.hmtmx.com/
  58. 58 http://www.1ofakind.com.br
  59. 59 http://www.mediamonks.com/
  60. 60 http://www.mono-1.com/monoface/main.html
  61. 61 http://yosry.com/flash/
  62. 62 http://www.kimm.no/
  63. 63 http://www.hbovoyeur.com/
  64. 64 http://www.babystepsweb.com/flash.php
  65. 65 http://www.conceptm.nl
  66. 66 http://www.wordperhect.net/

↑ Back to top Tweet itShare on Facebook

Co-Founder and former CEO of Smashing Magazine. Sven is now writing Science Fiction Stories and looking for a publisher ...

Advertising
  1. 1

    a very great compilation of flash sites. I suggest to take a look on this one : Link

    0
  2. 52

    Download all you need from
    megaupload files

    0
  3. 103

    Desde Argentina. Muchisimas gracias! Excelentes sitios.

    0
  4. 154

    I disagree with Mistake Number 2, that’s some of the most intuitive interface design I’ve used and seen. Testing it on a random group of students proved this, so I think it deserves to be taken off the mistake list.

    0
  5. 205

    so nice layouts

    please friends many graphic layout sent my mail

    0
  6. 256

    I m a learner and would like to know how excelent 3D Animation Effect in Flash are made. As far as my Knowledge is concerned Flash is a 2D Tool. Then how such effects are made. If possible please inform me about links giving Tutorial about such effects.

    0
  7. 307

    natural skin care

    June 20, 2008 3:00 am

    When i wans developing a flash site which is in rank “day spa los angeles” i found this problem but with this error site is working great and client like this. but i would like to know that how 3D animation works in flash ?

    0
  8. 358

    What’s up with Flash haters? SEO is the only real issue and that is getting better all the time. All other issues are just as possible on traditional sites. Load times can be long if graphics are not optimized no matter the format of the site. Bad navigation is just as possible on a pure HTML site.
    I think some people who don’t like Flash have some other axe to grind. It’s just another mode of expression on the web.
    These are the same types of people who didn’t like “talkies” when they first appeared. What are you afraid of?

    0
  9. 409

    great list, lots of ideas and inspiration.
    thank you very much from chile.

    0
  10. 460

    Every time I browse a “best of flash” list, I hear the exact same chatter, ad nauseum. “Flash is terrible!” “It should be more then pretty”. “You can’t search it!” “I don’t have all day!”

    All of these people are already self-confessed flash haters, and yet they will still take the time to wander through all the sites just so they can later complain about them and attempt to get everyone else to agree. Did we not already read the other 80 replies that whine and moan about the same thing? Why do we need your whining as well? So, they don’t have the time for the site to load, but they do have the time to navigate through 40 new flash sites? Which is it? You can’t have both. If something is unusable for you then don’t use it. If you don’t like a format then quit wasting your time. If this annoys you, then stop taking the time to annoy yourself. Isn’t it really that simple?

    Some people just love to complain and will look for any excuse to do so.

    0
  11. 511

    Great list !!!!!!!!!!!
    Give me ideas !!!

    0
  12. 562

    Whoo Hoo !!! I am Speechless. really Great…

    0
  13. 613

    please show us how to save entire webpages in flash

    -1
  14. 664
  15. 715

    really great place to explore new ideas. I loved it!!!

    0
  16. 766

    REF.: http://www.bkdsn.com/index.html
    BK design has nothing to do with FLASH , it is built in HTML , tables to be more precise.

    0
  17. 817

    RevolutionThemez

    October 6, 2008 3:18 am

    to add on, Flash can sometimes be a great way to pull out the most amazing
    presentation on the planet,

    BUT the load time and SEO effect can hurt your sites..

    Best regards

    0
  18. 868

    Awesome list !!! Good Job!!

    0
  19. 919

    I just found your site today, I have been buzzing all over the place, I just love it. I have so much to learn I can’t wait. Thanks for such a GREAT site !!!!
    Sherrie

    0
  20. 970

    australia letter woman dog kitchen watch speed we key english home

    0
  21. 1021

    all of them are very nice…
    where are you finding them ?

    0
  22. 1072

    me gustan mucho estos diseños, me gustaria poder elaborar uno asi!
    felicidadesa los creadores de estos sitios.

    0
  23. 1123

    some of these are really bada$$, but not really practical. Very cool though

    0
  24. 1174

    I am split between Flash and just regular site design (HTML/CSS/Javascript/etc.)
    Flash can either make or break a website. Flash can provide stunningly beautiful and intuitive effects to a website. But at the same time, there is a line between intuitive and disfunctional. Flash must be used with care. Most of the site’s above offer almost nothing to the user. Sure, they look great, but they lack information and ease of use. Most users upon arriving at te site, are sure to leave because: 1 they can’t find their way around the site. and 2 even if they can figure out the navigation, they are not offered any valuable information.
    Most of the Flash sites above are beautiful and amazing, but I would never use one for my business. It just pushes users away.
    Flash must be used with care.

    0
  25. 1225

    Hi,
    I want to create a fashion show. I have a catwalk and a background. I have also models of paper. Witch one of this flash players is the best for my site?

    0
  26. 1276

    very inspiring. Thanks for the lists.

    0
  27. 1327

    Very good and excellent works …………… Thank you a lot.

    0
  28. 1378

    excellent list, and great inspiration

    0
  29. 1429

    this is the best site in terms of functionality and technical merit… but its not on the list
    http://www.2advanced.com

    0
  30. 1480

    What i should say is… What the hell! Looks damn nice man! Wow..

    0
  31. 1531

    Hey Guys nice did’nt say anything IT was fab because Iam also a webdesigner

    0
  32. 1582

    These designs are amazing! All of you guys are very talented designers.
    I think i like the 3D experience the most.

    Best regards
    Andrew Wright [www.wright-media.co.uk]

    0
  33. 1633

    ESTÁN SUPER CHIDAS TOOOODAAAASSSS!!! A VER SI PUEDO HACER ALGUNA :)

    0
  34. 1684

    Great examples. I always suggest people use bright and pastel colors in flash. It seems to grab visitor attentino and hold it longer.
    I love the use of 3D in flash looks very cool!
    Brian

    0
  35. 1735

    Taoufik Aboudia

    June 10, 2009 7:00 am

    Nice showcase ! I will try to merge some of the ideas I found in the above picks and send the resulting design

    This day from my

    0
  36. 1786

    wonderful tips given. its really helpful and guiding.

    0
  37. 1837

    hi, i’m persian’s. wooooooooooow
    thank you for your ideal

    0
  38. 1888

    I would love to see an update of this, perhaps for the holiday’s. Examples of really great seasonal interactive flash maps.

    0
  39. 1939

    I don’t get it. The author begins by praising the merits of sites whose content is clear and whose navigation is well-designed…and then proceeds to cite as examples a limitless host of utter navigation nightmares. Pretty confusing message.

    0
  40. 1990

    Thanks! Great list.

    I just want to correct that the text of flash websites can be selected and copied, you always can use the “dynamic text” function.

    Regards,
    André Abreu

    0
  41. 2041

    sugoiiiiiiii……. really good….
    make insperate… wow….

    0
  42. 2092

    Very good!!!!!!!!!

    0
  43. 2143

    Estupendo articulo mis mas sinceras felicitaciones para el creador de este articulo y sepan los demas participantes y creadores de las páginas que aqui se presentan como ejemplo que estan maravillosas.

    0
  44. 2194

    these designs are amazing…def. going to use some for future projects. Thanks for the post!

    norfolk web design

    0
  45. 2245

    Me gustaron todas, se ve que hay mucho talento en ellas; pero las que mas me gustaron son las 3D, gracias por esta recopilacion!

    0
  46. 2296

    Shiv Kumar (shivbhilai)

    January 4, 2010 9:54 pm

    Apparently, Using Flash is a good thing to display interactive elements , Every time I browse a “best of flash” list,

    0
  47. 2347
  48. 2398

    Saroj Shrestha

    July 6, 2010 7:50 pm

    OMG!! how do these people come up with such creativity . Great List BTW

    0
  49. 2449

    Inspirational concepts, great stuff.

    0
  50. 2500

    I have a website, and I am publishing Flash lessons, if you interested in flash programming you may want to see it.

    web-rehberi.com

    1

↑ Back to top