An important aspect that must be taken in consideration, is the way they used/implemented the parallax scroll effect in telling their story (Von Dutch), presenting their products (Volkswagen, Nike), or just a fun way of showing appreciation (Soleilnoir Believe In). This showcase presents how some have used this technique in presenting their information and not just limiting our attention to the effect itself.

You can see more websites that use the parallax scroll effect in this previous post: 11 examples of HTML 5 parallax scroll effect.

Tell me what you think and share some projects that you found using this effect. Enjoy!

Air Jordan 2012

The new Air Jordan 2012 basketball shoe. Change the game from above, command the court with quickness, or explode through the paint with the first fully customizable Air Jordan.

Mercedes Benz Class A

The new A-Class. The pulse of a new generation.
Mercedes-Benz presents the new A-Class.

Volkswagen Beetle

Slimmer, faster and more toned – the digitally remastered 21st century Beetle from Volkswagen.

Soleilnoir Believe In

In 2012 if you don’t believe you won’t make it happen!

Never Mind the Bullets

As the web and its technologies continue to evolve, we prepare to enter the age of HTML5. Created for «Beauty of the Web» in honor of the launch of Internet Explorer 9, «Never Mind the Bullets» offers the traditional comic strip experience enriched by the effects of parallax. By a simple movement of the mouse the strip becomes animated and the story comes to life.

ASICS “Stop at Never”

Asics “Stop at Never” website features then videos highlighting the incredible technology of ASICS footwear. The videos are housed on a parallax site with interactive deep dives where you control the shoes motion.

The Range Rover Evoque Special Edition

The Range Rover Evoque Special Edition brings together high fashion and design innovation thanks to the collaboration of the Land Rover Design team and Victoria Beckham.

Soul Reaper

Saizen Media reinvents the digital comic book! Soul Reaper HTML5 Scroll Book is the first HTML5 scroll-activated digital comic book web application.

Resign Film

Resign Film gollows a young man on a weekend away in the Peak District who finds himself in a life chagin situation. Promotional parallax web page for a short film made as a collaborative university project.

Von Dutch

Kenneth Robert Howard , also known as Dutch, Von Dutch, or J. L. Bachs (Joe Lunch Box), was a motorcycle mechanic, artist, pinstriper, metal fabricator, knifemaker and gunsmith. His father, Wally Howard, was a Los Angeles sign painter; and, by the age of ten, the young Kenny Howard was able to paint and letter at a professional level. The Von Dutch nickname was intended to mean “stubborn as a Dutchman”.

Inzeit

Inzeit is a digital agency with a strong focus on retail.

Manufactured Essai

Manufacture d’essai has its own definite, recognisable style born of its skill in merging its Italian background, based on impeccable craftsmanship, with modern, sophisticated taste.

Also, an intriguing fact was that the majority of the websites are coded in html5 and not flash. I say intriguing, because until now you would see flash based presentations of the products (website number one, campaign website). When it would come to process of buying, you would be redirected to a html(eCommerce) based platform website (website number two, store).

Biamar

Born in 1986, Biamar is today a renowned brand in the market for knitwear and knitting in Brazil, creating
collections in line with world trends in fashion. Focused on consumers young soul and style, the Biamar
develops high quality products, using selected raw materials such as yarns from natural fibers, cotton,
alpaca, modal, wool, viscose, linen and mohair. The diverse mix of models shown in each collection – a
trademark of Biamar – ensures that the differential like every season the demanding consumer market.

Boys of Europe

Boys Of Europe is a clothing chain for the guys. In our stores you will find relaxed, uncomplicated and tough
jeans fashion. Boys Of Europe has garments and knowledge that makes it easy to upgrade your wardrobe.

Diesel

Beginning as a company focused on making quality clothing, Diesel has become part of the youth culture worldwide.
Diesel is an innovative international design company, producing a wide-ranging collection of jeans, clothing and accessories.
Diesel is a leader in pioneering new styles, fabrics, manufacturing methods and quality control to guarantee an outstanding product.

Manufactured D’essai

Manufacture d’essai has its own definite, recognisable style born of its skill in merging its Italian background, based on impeccable craftsmanship, with modern, sophisticated taste. A timeless approach rooted in precise, clean-cut, but not minimalist refinement.

Reserved

Reserved is a fashion clothing brand and distribution network in Middle and Eastern Europe.

Lois Jeans

A collection of Lois Jeans advertising history as a timeline since its foundation in 1962, on the occasion of its 50th anniversary.

Mohito

Mark MOHITO is a proposal for the young (25-35 years), financially independent women, who appreciate their unique urban elegance.

Reporter

Reporter Style brand is a clash of modern vintage. Ideal for those busy and interesting world. Among the wide range of comfortable shirts, sweaters and jeans – both he and she will find something for everyone.

Agilita

Agilità Fashion – With a product mix that value the female in the details and finishes, Agilità charmed the fashion world, focusing on luxury formula: style sophistication, wearing stars, executives and women who do not give up the sensual chic.

Wrangler

Denim is the soul of the Wrangler brand. Modern, innovative and authentic, making jeans that last. To be contemporary, you must learn from history. Wrangler jeans are true American originals.

Using the Star Wars films as a lens through which to explore these themes and components of identity, the visitor learns more about their favorite Star Wars characters, and also something about themselves in the process. The exhibit follows the story arcs of Luke and Anakin Skywalker: two heroes who share similar genes, were raised on the same planet, but whose choices in life took them along very different paths. At the same time, a unique interactive “identity quest” allows visitors to put themselves at the center of the action and design their own Star Wars hero identity as they make their way through the exhibit.

Canadian ad agency Bleublancrouge has created several new character portraits for the campaign.
Given the exhibit’s theme of identity, or “the forces that shape us,” the illustrations draw inspiration from each character’s individuality — what it is that makes them unique or the things and events that shaped them along the way.

See the official Star Wars Identities website for more information.

Credits:
Brand: STAR WARS Identities
Advertiser: Lucasfilms, X3 Productions
Advertising Agency: Bleublancrouge
Chief Creative Officer: Gaetan Namouric
Creative Lead Team: Jean-François LeBlanc, Sebastien Maheux
Copywriter: Andrew Lord
Production: Eve Mathieu
Illustration : Louis Hébert
Other : Véronique Vigneault

Very French Gangsters Bombe

Very French Gangsters Boss

Very French Gangsters Pan Pan

Crisp images, well implemented effects that add depth to the story, an original perspective and Steve Aoki in a indian headdress. These sums up the reasons why I like this video, and to blame is Jam Sutton.
From shooting to post production, Jam is fully hands-on and in control of every artistic aspect, creating his bold recognisable style.
His work spans various mediums, harnessing the power and creativity of cutting edge techniques through photography and video.
And yet, there where two more things that needed clarification: what is the idea behind the visuals and what was the source of inspiration. For this I approached Jam for answers:

“The video explores childhood nightmares and fears, following the young Kid Cudi as his nightmares begin to fuse with reality. There is a lot of surrealist symbolism in the video exposing deeper issues.”

“I’m very inspired by the subconscious and dream analysis, a lot of this was used in creating the nightmare scenes (clowns and car crashes etc).”

Director / Edit / Post and VFX: Jam Sutton
Production: Doomsday Entertainment
Exec. Producer: Danielle Hinde
Producer: Sarah Park
Prod. Manager: Brooke Kennedy
DP: David Myrick
AD: Chad Nicholson
Set PA: Garrett Fiersten, Matt Modica, Markus, Paolo Jones
DP AC: Ryo Kinno, Eric Watson
Gaffer: Damion Shippen
Key Grip: Colin Stoye
Makeup/Hair: Lauren Dacey
Art Director: Ashley Fenton

“In this experiment, I drew shapes with ink on one or both of my hands, manipulating my gestures into the corresponding shape to signify an upper-case letter. Then, using the same shape on my hands, I manipulated my gesture or changed the perspective through which the shape is viewed in order to transform the upper-case letter to a lower-case of the same letter. Removingor redrawing the darkened shape on my hands is not allowed in the experiment. The only way to make the model transform from an upper-case to a lower-case (orvice versa) is changing the gestures or the perspectives.

I created 26 sets of these inked shapes and drew them on my hands.Each set is made to create both an upper-case and a lower-case letter, such as A and a. I also created some italic letters, hand-writing letters and some new typefaces with the same shapes. ”

As a personal note, I would love to see this type in practical use, as the amount of detail of the letters got my attention. I’m a sucker for details. Check out other works of Tien-Min, as she has that creative spark that needs to be approached.

Transformation

A to Z

In Zen literature, the word ‘land’ is commonly used as a symbol for the ‘mind’, and through a series of photographic montage images I have envisioned an exploration into the depths of this metaphorical ‘mind-world’. The narrative follows a spiritual quest as the storyline symbolically wanders through various states of consciousness and perceptions.

Mountains and Waters

Floating Mists

The Land of Silent Light

The Quiet and Secret Land

Silver Mountains and Iron Cliffs

The Mystic Peak

The Mountain of Darkness

The Tigers Lair

The Forest of Thorns

Passing Through the Brambles

Leaving No Traces

Groping Blindly in the Dark

Following the Wind

Flowers in the Sky

Entering the Stream

Entangling Vines

Clinging to Bushes and Weeds

Capturing the Tiger

Trailing Mud and Dripping Water

A Thousand Fathom Wall

A Death-Dealing Blade

Thundering Silence

A Life-Giving Sword

Overturning Mountains

“ Design by Nature will remind you of the knowledge you already have by really looking at everyday relationship. By recognizing the principles, patterns, and process of nature, you can create intuitively elegant and aesthetic design.
Because nature happens around and within you continuously, you know its processes by heart. And by understanding how to relate message to image, you create value – or design that tells an authentic and useful story – enhanced by your creative understanding of the common experience. This is crucial to communicating across language, culture, and belief. Nature is the one touchstone all human beings relate and respond to.”

What makes this book appealing ?

The relation between nature and the context of visual communications. How everything comes together and evolves. You get to see that objective side of beauty, the one that has a purpose, not just to be there and “look pretty”.
When you add in the mix: structure, efficiency, organization, patterns, ethics and balance, you can actually see the big picture.

a contemporary mondala created by Icelandic graphic designer Thorleifur Gunnar Gislason. (Chapter 5 Shapes: Nature’s Vocabulary)

“Nature is economical and practical: It uses what works and discards what doesn’t and it’s had billions of years to perfect its design. There is no such thing as waste in nature’s workbook: Everything is it matched to its task. Effective visual communications also work on these principles. For example, a business identity must be as simple as possible but also must contain enough information to set itself apart. When you model your design on nature’s process and pattern, you provide a wealth of information in an economical way that everyone understands, because we are all a part of the same source.”

Who is this book for?

It is for you, the curious mind that wants to understand more. After reading this book you will look at design with different eyes.
This book will not teach you how to do it, instead it will open your eyes on how to approach certain aspects of the design process, adding a deeper layer to your design.

A big plus of the book goes to its structure. It has nine chapters grouped in three sections, that have the purpose of building you up.
Every chapter has a set of key concepts related to nature aspects, in relation to learning objectives related to design communication. Also, the amount of arguments brought to every chapter, under the form of study cases (and more), makes everything even clearer.

Get to see a refreshing view on design. Buy the book!
Find out more from the website of the book.
Buy the book: Amazon, Peachpit.

Wabbaly the project

I, Sergiu Naslau, wanted to present the visual information in another format, in an actual context, where people could see more then just a “pretty picture”. Where beginners in the field of design could see the objective side of creativity, that you don’t throw a color, add some lines and dare to call it a logo.

Wabbaly the gift

To add more meaning to this project, I made it as a gift to me (there has to be some egocentric perspective somewhere). As it turns out, today is also my birthday, so Happy 26th Birthday to me!

Wabbaly the passion

I love design, I like to communicate and basically I like to learn. To be able , 10 years from now, to look back and not have any “what ifs” in what matters my career.

Thank you for the support and I hope that you will keep reading Wabbaly!

The following print ads display unique, creative and hilarious ideas of self-promotion, approached by agencies.

Propague Cow Parade

Advertising Agency: Propague, Florianópolis, Brazil
Creative Director: Rogério Alves
Art Directors: Gilberto Cunha, Luis Bacellar
Copywriters: Jason Braun, Rogério Alves
Photographer: Shutterstock, Over Digital
Retoucher: Leograf

Kaffeine Public Relations

Crisis PR. Wanna talk about it?

Rorschach Test helps to reveal hidden desires and fears. Making it possible to find the best approach to the problem. Deep understanding and professionalism of Kaffeine Public Relations staff are to identify and solve client’s tasks/conflicts in any sphere of interaction with society.

Advertising Agency: Kaffeine, Kiev, Ukraine
Creative Directors: Anze Jereb, Dima Tsapko
Art Director: Dima Tsapko
Copywriter: Nadya Skrynnyk
Illustrator: Dima Tsapko

v

Herezie

Herezie. Voted best young agency of the year.

Advertising Agency: Herezie, Paris, France
Executive Creative Director: Andrea Stillacci
Copywriter: Jean-Laurent Py
Art Director: Sebastien Boutebel
Agency Producer: Evelyne Luce
Head of planning: Luc Wise

WWF / Timofey Yuriev Voronin

A perfect packaging doesn’t involve destruction.
Sustainable Advertising www.t-y-v.com

Advertising Agency: Timofey Yuriev Voronin, Toronto, Canada

Biedermann McCann

Advertising Agency: Biedermann McCann, Asunción, Paraguay
Executive Creative Director: Federico Perie
Creative Director: Oscar Vera
Art Director: Gabriel Borja
Copywriter: Marcos Valdez
Illustrator: Fran Martinez
Photographer: Youngo Choe

Y&R

Advertising Agency: Young & Rubicam, Kiev, Ukraine
Creative Director: Dmitry Barsukov
Art Directors: Anastasiya Tymoshchuk
Copywriter: Igor Tulub

Fields

Fall, rise, and now stay up there.
Sounds easy, but to win The Year’s Professional Awards we had to work very hard.
Our sport is to create.

Advertising Agency: Fields Comunicação, Brasília, Brazil
Creative Directors: Pedro Henrique Garcia, Fernando Lopes
Art Director: Diego Vieira
Copywriter: Cainã Sumarello
Illustrator: Werley

H-57 Creative Station

May the force of Typography be with you

Advertising Agency: H-57 Creative Station, Milan, Italy
Creative Directors: Matteo Civaschi, Gianmarco Milesi
Account Director: Sabrina Di Gregorio
Typographer: Matteo Civaschi

Jump!

Jump! 15 years. Boiling hormones.
Celebrating the agency 15th anniversary, Jump! created a two-page ad in which the pages were glued together using tiny pieces of two-sided adhesive tape, to bring an even more literal and humorous effect to the image. Whenever opening the magazine, the reader would have to unstick both pages , as if finding a15-year-old boy “damaged” erotic magazine.
The ad was published in a brazilian advertising yearbook.

Advertising Agency: Jump! Comunicação, Maringá – Paraná, Brazil
Creative Director: Maurício Borges
Art Director: Thiago Rodrigues
Copywriter: Ana Guadalupe
Photographer: Guilherme Menezes
Additional credits: Alexandre Nami, Cristiane Kondo

Turn

Advertising Agency: Turn, Hong Kong
Executive Creative Director / Art Director / Copywriter: Tony Hon
Creative Director: Stephen Chan

We think the answer lies within the question. Especially when it comes to marketing communication issues. So, have you any question?

‘Read between lines’ is probably what we do for our clients everyday. In the world of communications, insight come first.

Life without faith is just a lie. Turn believes in truth in creativity. We are turning four this year. Long live faith