Menu Search
Jump to the content X X
The Smashing Book #5

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. new Smashing Book 5 features smart responsive design techniques and patterns.

The Unique Portfolio of Serial Cut

Advertisement

Serial Cut is a studio based in Madrid. It was established in 1999 by Sergio del Puerto. They work on a wide variety of different projects, but they focus mainly on Art Direction. You should check out more of the studio’s work by visiting their website1.

“Image and type are a great combination that we like to use on all the projects we work on. Typography plays an important role in the end product.”

I was really impressed when I saw the portfolio of Serial Cut. It featured a very clean style, yet it was very unique. Most of the designs that they have done are made with image cut-outs that are then mixed with real-life objects. They have really mastered this unique technique. Go ahead and check out their impressive designs and let me know what you think by leaving a comment.

Cindysizer2 Link

Photocollage for the Technology Special of EP3, a weekly supplement included in the Spanish newspaper El País.

Cindysizer3

Pop-Up Trains4 Link

Real still-life pop-up books for Renfe’s new campaign, featuring the entire range of this year’s fleet of trains against different landscapes for each pop-up. Photographer: Paloma Rincón.

Trains5

Trains6

Trains7

Trains8

Trains9

Trains10

Reboot Your Life11 Link

A cut-out still-life of a summer scene for a special report of this American magazine dedicated to providing different plans for rebooting your travel life, such as diving, biking around a winery or discovering the meaning of life in Asia.

Reboot12

Reboot13

Reboot14

MCB5515 Link

Still-life of retro music items and souvenirs from Barcelona as main image from this 55th edition of a Classical Music Contest. Commissioned by Astrid Stavro studio. Photographer: Paloma Rincón.

Fundacion16

Fundacion17

Fundacion18

Fundacion19

Zune20 Link

“Millions of tracks for the price of one CD,” is the claim visually represented here, displaying a variety of groups whose music can be bought at the online store of this MP3 player from Microsoft.

Zune21

Love the Planet – Roca22 Link

Roca, the Spanish company that produces devices for water conservation, recently took on the challenge of reducing water consumption by up to 50%, with the intent of wasting less of one of our earth’s most precious resource. Special guest designer: Mr. Oso®.

Roca23

Roca24

Stupendo Records25 Link

Global image for Stupendo, a records label based in Barcelona. Photography by Paloma Rincón. Model: Roberto Sanzcarlo. T-shirt by Alex Trochut.

Stupendo Records26

Stupendo Records27

Milky Splash28 Link

Illustration for the Thank You book, edited by Channel 4, including names of different performers from “The 11 O´Clock Show”.

Channel 429

Mind Candy30 Link

3D illustration for a card from a board game called Perplex City, blending six samples of two existing words into new words. Special guest designer: Mr. Oso®.

Perplex31

Re-Cyclos32 Link

Still life with sculptures of Lladró’s Re-cyclos Magical project. Made in collaboration with Ipsum Planet and published in Neo2 magazine as a promo. Photographer: Andrea Savini.

Recycle33

Game Paused34 Link

Ceramic dish from a collection of 8 hand-painted dishes of game heroes for the exhibition “Game Paused: A Creative Celebration of the Videogame”. Featured here is the 1UP Bonus dish.

Game Dish35

Fresh Wad Paint36 Link

Fresh paint version of WAD’s logo, used as a promo image for a work of art for the magazine, based on still-life with cutout elements.

Wad37

Footnotes Link

  1. 1 http://www.serialcut.com/
  2. 2 http://www.serialcut.com/?project=17
  3. 3 http://www.serialcut.com/?project=17
  4. 4 http://www.serialcut.com/?project=1
  5. 5 http://www.serialcut.com/?project=1
  6. 6 http://www.serialcut.com/?project=1
  7. 7 http://www.serialcut.com/?project=1
  8. 8 http://www.serialcut.com/?project=1
  9. 9 http://www.serialcut.com/?project=1
  10. 10 http://www.serialcut.com/?project=1
  11. 11 http://www.serialcut.com/?project=30
  12. 12 http://www.serialcut.com/?project=30
  13. 13 http://www.serialcut.com/?project=30
  14. 14 http://www.serialcut.com/?project=30
  15. 15 http://www.serialcut.com/?project=2
  16. 16 http://www.serialcut.com/?project=2
  17. 17 http://www.serialcut.com/?project=2
  18. 18 http://www.serialcut.com/?project=2
  19. 19 http://www.serialcut.com/?project=2
  20. 20 http://www.serialcut.com/?project=11
  21. 21 http://www.serialcut.com/?project=11
  22. 22 http://www.serialcut.com/?project=9
  23. 23 http://www.serialcut.com/?project=9
  24. 24 http://www.serialcut.com/?project=9
  25. 25 http://www.serialcut.com/?project=29
  26. 26 http://www.serialcut.com/?project=29
  27. 27 http://www.serialcut.com/?project=29
  28. 28 http://www.serialcut.com/?project=22
  29. 29 http://www.serialcut.com/?project=22
  30. 30 http://www.serialcut.com/?project=20
  31. 31 http://www.serialcut.com/?project=20
  32. 32 http://www.serialcut.com/?project=12
  33. 33 http://www.serialcut.com/?project=12
  34. 34 http://www.serialcut.com/?project=16
  35. 35 http://www.serialcut.com/?project=16
  36. 36 http://www.serialcut.com/?project=28
  37. 37 http://www.serialcut.com/?project=28
SmashingConf Oxford

Hold on tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf Oxford, on March 15—16, with smart design patterns and front-end techniques.

↑ Back to top Tweet itShare on Facebook

Former editor in chief of Designinformer.

Advertisement
  1. 1

    Impressive and useful as always, thanks!

    0
  2. 2

    Great resource of different useful styles of displaying information! Thanks again for the great read.

    0
  3. 3

    Interesting would be to measure the effects of the different styles of charts and graphs.

    0
  4. 4

    Great list. I’m going to have to try out some of the options I haven’t seen before.
    Also, here’s another one that I use quite frequently in print work, that has a php library for online:
    http://sparkline.org/

    Joe.

    0
  5. 5

    At the end of the month, we will be releasing a free, open source, version of Chronoscope, a pure-clientside Javascript charting component written using Google Web Toolkit that is specifically designed to support very large datasets (tens of thousands to millions of points).

    See a demo here: http://timepedia.org/

    0
  6. 6

    I usually go simply with Libchart and it always worked well. However, I see that flash charts are getting more and more popular, thus maybe I should indeed consider using something more advanced. Thanks for the links!

    0
  7. 7

    Great, really useful as always.

    I’m a user of FusionCharts Free, just for keeping ontop of sales charts.

    0
  8. 8

    Excellent selection. Awesome job as always, you guys are my new heroes.

    0
  9. 9

    Very nice article, it’s always hard to find a good chart/graph solution for implementation website, thanks for the references.

    0
  10. 10

    great collection

    0
  11. 11

    Fantastic stuff – now these WILL come in handy. Once again, you did it :)

    0
  12. 12

    Thanks for the analyze and the agglomeration work ! I was looking it.

    0
  13. 13

    As more people develop their coding skills and produce online content they will be using these reporting tools more and more often. Smahing list! Thanks!

    0
  14. 14

    I’ve used fusioncharts before and it’s pretty damn sleek… wish they had an option for outputting as a straight image file though

    0
  15. 15

    I am really troubled to see more an more articles like this. Most of these tools create pretty flashy charts, that’s for sure, but they don’t teach anyone how to visualize data properly. Why would you ever need a donut chart or a 3D stacked cilinder chart? What does that add to the data that a simple 2D bar chart can’t show you? There is so much of what Edward Tufte refers to as “non-data ink” on these charts that it just smothers the “data ink” completely.

    We need to teach analysts the techniques to use simple and straight-forward charts to let the data shine through. All these different primary colors and 3D stuff have nothing to do with the data. Check out the work of Edward Tufte and Stephen Few for some good visualization principles…

    0
  16. 16

    Is that a complement of a previous article ?
    Last time I discovered AMMAP and it was perfect for my applications.

    0
  17. 17

    Thanks for the great article, didn’t know there were so many different types of charting out there! I will have to check some of them out.

    Last time I used the FusionCharts Free version you couldn’t create links within the chart, all clicks on the chart went to the FusionCharts website. I bought a license so I could let the client drill down into the data, made it much more interactive.

    @Rian – unfortunately charts are often created for management who like them to look “pretty”. I often wonder how many of the reports we are made to generate ever actual have the data on them read. It’s all about the look of it.

    0
  18. 18

    it’s just amazing!
    great collection!

    0
  19. 19

    Awesome, awesome, awesome.

    (awesome)

    0
  20. 20

    No mention of ploticus? Been using it for years at work and it drives hundreds of internal dashboards for us. Great program and very active author.

    http://ploticus.sourceforge.net/doc/welcome.html

    Maybe not as “pretty” as these but way easy to use and tons of options and chart types.

    0
  21. 21

    One that wasn’t mentioned is an open source Ajax widget being developed at MIT that I use called Timeplot/Timeline

    http://simile.mit.edu/timeplot works very well but currently lacks IE support

    0
  22. 22

    As Always you’ve smashed us with useful information once again

    0
  23. 23

    Dundas Charts is handy to use for all of you dot net people. It’s a bit exy, but the support is excellent, and the graphing output is 1st rate. Multiple output formats (Flash, PNG, etc) make it suitable for lots of purposes, although I tend to only use the PNG output. You can also link parts of your charts so you can easily provide drilldowns into data.

    Cheers! Good article.

    0
  24. 24

    Great resource, YAHOO flash library (ATLAS) also provides a chart engine.

    http://developer.yahoo.com/flash/astra-flash/charts/

    0
  25. 25

    Fantastic roundup, as always guys – well done!

    Just a note – PHP/SWF and XML/SWF charts are two separate products, differentiated by the data input method.

    0
  26. 26

    Worth pointing out that ColdFusion has charting functions built in.

    0
  27. 27

    Great collection.. nice!!

    0
  28. 28

    Plot-O-Matic is a scientific graphing web application that would fit well under your ‘online services and generators’ section. If does things that scientists need like curve fitting and error bars, but you don’t need to use them and it allows you to link to your graphs from any web-page.

    0
  29. 29

    ComponentArt has a top-notch charting engine.

    http://www.componentart.com/charting/default.aspx

    0
  30. 30

    Dear Smashing Magazine, please stop writing articles.

    I would like to get some work done.

    Thanks,

    John

    0

↑ Back to top