This cool modern, chunky techno display font is by Fontana Type foundry in Budapest Hungary. The foundry is the first Hungarian digital foundry formed by Gabor Kothay and Amondo Szegi in 1999 in Szeged. The Fontana was created to revive the Hungarian character design walking in the footsteps of Misztotfalusi Kis Nicholas (1650 – 1702) www.fontanatype.hu
Zsir (Grease) is Hungarian slang meaning “cool”. The cool font unfortunately only comes in one weight, so great for titles & headings.
After a bit of an absence from blogging about weekly features, I’ve had a bit of inspiration to start it up again!
In the summer time, I featured Sunday – Illustration, Monday Photography, Tuesday Trends, Wildcard Wednesdays, Craft Thursdays, Free Font Fridays, and film or motion Saturdays. As you can imagine, it’s a lot to research and create unique content everyday on top of my client work, so today for Free Font Friday, I think it smart to do just 1 or 2 at a time as it is time intensive to research and collect 10 for one posting.
If anyone would like their free font publicized, do what Alex van Galen did and write to me lauding the usage, send samples, links etc. You all know I love good freebies!
Todays free font comes from a studio known as Drukland in the Netherlands who has released a new, handwritten, free-to-use font, called “Blackboard Ultra”. This is their first free font! It can be used in web design, but also looks great on printed designs, such as business cards, posters and flyers. I’m thinking of using it on some of my Greeting Cards to lend a bit of a personal touch and a sense of fun maybe for Easter or Mothers Day!
The font unfortunately only comes in one weight, and might only be used for one purpose either for titles, headings or set body text. I think it might be a nice mix with another font though and can’t wait to try it!
I love branding! And I love coffee! So looking at coffee packaging has always been enjoyable to me, but why does all coffee packaging look similar? Does everything have to look like Starbucks?!
In a word, no! Here are several examples.
In a radical break from cute Christmas card tradition, Dutch brand Moyee has sent out boxes of its FairChain (Fairtrade 2.0) coffee to the world’s most infamous whistleblowers and provocateurs. They may be exiled or in house arrest, but for Christmas whistleblowers Edward Snowden, Luis Neumann-Cosel and Julien Assange will at least be able to enjoy a radically good cup of coffee for Christmas.
Using an indie and edgie vibe, ‘Not Perfect/ Y&R Riga created a poster for the Coffee Inn to promote a special coffee for the Latvian music festival Positivus.
Unbelievably, this next example is VERY close to something I created 15 years ago, however I can’t show it to you, as it was done in Quark, and I have no pdf’s of it. My example had the same background, stamped on the burlap in hot pink and used pink skript. The idea is different, instead of selection, it leveraged addiction and compared coffee to marijuana however. This example was created by BJ’s wholesale club in-house team in Boston, MA.
The amazing design studio in Ukraine has made it again! This time in branding Coffee House London.
Reynolds and Reyner, the design studio who are popular in the creative industry for bringing exceptional branding and packaging ideas has recently published a new project about branding Coffee House London and it’s definitely worth checking out.
At first sight, you might really think the whole branding experience is for a coffee shop in London but in fact the coffee house finds its way in Kiev, city capital of Ukraine. It is like having a piece of London in an entirely different city. That makes this branding so effective and successful. Reynolds and Reyner’s one year of working with this identity project definitely paid off.
This unique branding project is complete with the logo design process and how it is applied in the whole identity design. YTD got the chance to get in touch with Reynolds and Reyner represented by two of their key members Alexander Andreyev and Artyom Kulik talking about the project in a short interview below:
Creative minds behind Reynolds and Reyner: (from left) Alexander Andreyev and Artyom Kulik
Launching a new coffee brand in today’s very competitive market is hugely challenging. You have to offer something truly unique, of the highest quality, along with great atmosphere. You really have to stand out in a crowd.
YTD: What are the guiding principles behind this project?
R&R:Coffee House London from the beginning needed to be a special place. Piece of London in the center of Kiev. Unique and very stylish in every detail yet still friendly and not expensive.
YTD: Why is it always necessary to start the design process with going through a lot of sketching?
R&R:It’s not just sketching. We starting from thinking and analyzing of business-sphere. We think about the project as if we are the owners of it. Designing is not about drawing – it’s about thinking. Looking for effective solutions in tasks.
Paying attention to details in refining the logo is what I like about this project. The final logo itself has the classic yet a bit of modern style London culture. Combined through many familiar references which best symbolizes London, the logo is powerful enough to carry a strong brand identity.
YTD: The logo is so unique and powerful. What is your creative approach in designing the logo?
R&R: We split the process on stages and propose different directions of branding. This was we can find the best combination of high quality design and client’s expectations in their brand.
YTD: What keeps it unique from your other branding projects?
R&R:All projects are different. Even if we’re asked to create, for example, coat of arms – it’s always different vision behind it based on client’s objectives.
The logo proves its flexibility by not getting away with its core message even when applied in various styles and executions.
YTD: What do you think is the biggest challenge in this project?
R&R:Combining classic and modern style, plus themes of London culture and process of coffee drinking. So it’s 4 almost absolutely different things combined in one.
In 2011, Colle + McVoy rebranded the coffee company, gave Caribou Coffee a new logo, cups and in-store posters. Colle + McVoy also launched a campaign that focused on coffee as a means to be energized enough to experience life to the fullest. The messages were “Because life is more than coffee, that’s why there’s coffee” and “Life is short. Stay awake for it.” Love the campaign line.
Now, Colle + McVoy is back with a new Caribou Coffee packaging design that incorporates typography into illustrations of suns, animals and more. Here’s what Colle + McVoy’s director of corporate communications, Jen Stack, had to say about the new look:
The design of Caribou Coffee’s bean bags is an evolution that leverages the distinct qualities of the previous packaging while incorporating new art work and design elements. The resulting packaging brings the compelling Caribou coffeehouse brand experience to commercial store shelves across the country.
I love tutorials! I don’t always have the patience for them, but if I want a certain effect or knowledge, I bookmark them and work through them when I have time. I found this article by http://vandelaydesign.com Steven Snell, and wanted to bookmark it for myself, so the best way is to reprint it for everyone! I think I will start doing that more. I prefer working in Illustrator to Photoshop as I am historically more a print designer than a web one.
Adobe Illustrator provides designers with an excellent opportunity for creating amazing effects with text. This post features 30 of the best tutorials on the subject. While there are more tutorials available for working with text in Photoshop, I think you’ll see from this selection that there is plenty to be learned for text effects in Illustrator.
From this selection of tutorials you’ll learn a wide variety of different techniques and you’ll be able to create text effects of all different styles. Regardless of what style of text effect you need, you’re almost guaranteed to find something that can help within this selection of tutorials.
I didn’t do this infographic, but I like the styling, tone and manner, and for that matter the branding of it.
I have been doing a lot of infographics lately including my resume, and the one thing I love about them is that you can see information in different styles depending on your mood and your clients brand, immediately! The tone and manner of the brand comes through!
In 2008, the agency behind Canadian Club Whiskey turned the brand around with a different brand strategy. Sex and design was behind the brands revival.The agency was smart, and they knew the strategy would work. They knew what they were doing.
If you’re remotely familiar with Canadian Club Whiskey’s legacy of ups and downs, than you’ve probably heard about the brand’s renaissance of sorts with their “Dad’s First” Campaign in 2008.
Serendipitously-timed, the first ad of the series hit just one month before the premiere episode of the now acclaimed Mad Men televisionseries aired. And there he was, Don Draper, sipping the classic Canadian Club Manhattan from his smoky glass. (Talk about a timely brand boost.)
But the “Damn Right Your Dad Drank It” series quickly gained cultural traction in its own right. In a challenging advertising climate where “print is dead” wasn’t an uncommon phrase to hear uttered, the Canadian Club print media montage went viral—proving that when a medium is right, it’s absolutely right.
Energy BBDO Chicago
Why Men + Sex Sell in Canadian Club Whiskey’s 2008 Campaign
The “Damn Right Your Dad Drank It” Canadian Club Whiskey campaign was an absolute head-turner. Stop flipping the pages and stare. Limited to print media to preserve the vintage aesthetic of the images, fans of the ads simply couldn’t refrain from scanning, posting and sharing on the web. This campaign would work to reverse sixteen consecutive years of sales decline. It was the long awaited Canadian Club brand revival—and with no website and no video—it was a print-driven success. And it would put brown spirits (and Canadian Club) back on the map.
A resurgence of the 2008 ad series on websites like Buzzfeed in 2013 point to the continued interest in – and irresistible nature of – the images. The content is undoubtedly provocative (some would even argue offensive), but the campaign’s success also lies in the innovative, complex nature of the creative choices, spanning aesthetic decisions to copywriting.
Energy BBDO Chicago
Beyond evoking an initial smirk or chuckle, the well-crafted and carefully executed campaign also raises more complex questions surrounding gender and sexuality. Through its various messages about maleness and masculinity—including prescriptive ideas about how to be a man in modern society —the series hinges on unsavory humor yet continues to captivate the American public.
Inside the Winning Campaign: “Damn Right Your Dad Drank It”
Keep in mind that the Canadian Club ads conceptualized by Sherman and Stanfield hit before brown spirits were hip again—pre-Mad Men. “We wanted to make it cool to drink Canadian Club [again],” Derek explains. “So we went out and talked to people in bars, interviewed bartenders—because if anyone would know, they would. And we discovered that no one knew what Canadian Club was.”
In the Sex and the City era of female-centered clear liquor cosmos all the rage, Sherman and Stanfield racked their brains: How do we get guys to drink cocktails? And the idea emerged. Through preliminary research, the creative duo discovered that young men weren’t drinking brown spirits because, essentially, they were thought of as “dad drinks.” And dads aren’t cool.
Whatever You Do, Don’t Mention Dad…
Energy BBDO Chicago
In preparation for Print Magazine’s Sex + Design issue, I caught up with Sherman and Stanfield to go deeper into what made the “Damn Right Your Dad Drank It” series so irresistible …
Can you tell me a little bit about your concept for the ad series? How did you arrive at the concept of “the dad” and what dad was like before he became “dad?”
Sherman & Stanfield: The creative brief direction was “put the masculinity back into cocktails.” Canadian Club wanted to target a younger core audience, guys in their 30′s, and these guys didn’t really have a go-to drink that tasted good and they felt manly holding.
The main obstacle was that the client didn’t want to remind this audience that Canadian Club was their dad’s drink of choice, someone who obviously isn’t that cool. Our [creative brief] mandatories were to show a cocktail, the logo, and whatever we do don’t mention “dad.” When we read that it sparked a thought, which was: Wait, my dad might not be “cool” anymore, but when he was my age he was a stud. He picked up stewardesses and got in fights and probably had more success with women than I’ve ever had. My dad, before he was a dad, is who I aspire to be.And he drank Canadian Club.
Energy BBDO, Chicago
So the idea was born. Can you talk about your approach to the layout of the print ad series. Did you use 1960′s images or treat new photographs and make them look vintage? How did you execute the design you wanted?
Sherman & Stanfield: At first, we envisioned this a total user-supplied photographic campaign. But for legal reasons, we weren’t able to source the public, so we reached out to everybody within the agency and client network, who gave us about half of what we ended up using. The authenticity of it really helped solidify the truth of our concept.
We did choose to shoot the dominant images in the print. After a big photographer search, we landed on Robert Whitman. He used multiple cameras, a lot of which were strapped around his neck while shooting. He even used vintage film and the only processing center in the country with vintage chemicals. Robert’s amazing, brilliant and tireless. He directed the talent more like a feature film director, and was searching for those little real moments in between the acted moments that reflects the feel of photographs from the 50′s and 60′s.
Today, we’re used to shooting as much as we want and editing on the spot and think of photographs as disposable. But back then, taking a photograph was a special thing. Robert crafted the environment of each set to achieve this feel. Our only problem was having too many great options to cull through.
That process is fascinating! What was the intention of the series (besides selling Canadian Club)? What look were you trying to achieve?
Sherman & Stanfield: The overall goal was to stop a steady 16-year sales decline, which we did the first month the campaign launched. Originally, the aesthetic had been requested to be hip and modern, and to not remind the target audience that it’s an older brand. And of course, we ended up completely ignoring that request. Once we knew we were going to lean into vintage photography, we wanted to make it feel completely authentic. Everybody’s got old photos of their dad – polaroids, slides – and we wanted the advertising to feel like a time capsule.
Energy BBDO, Chicago
Can you share any thoughts on trends in advertising with regard to images or modes of “masculinity”?
Sherman & Stanfield: The “manly” brief is about as tired as they get. We groaned when we heard the original brief, but the great thing about Canadian Club is we were able to exploit a truth about it in a really powerful way. We were told that women would hate it, but in fact they were as proud of their formerly devilish dads as guys were.
What were Canadian Club advertisements actually like in the 1960s? Are there differences between the male whiskey lover then versus now?
Sherman & Stanfield: Back in the day, Canadian Club had a bigger sign in Times Square than anyone. They did print ads, but I think it was pretty informative, serious, dry. They didn’t really have a strong brand (or humorous) voice…
On the subject of just plain cool . . .AND recycled . . .
California-based artist Tess Felix creates incredibly expressive portraits of environmental activists from coastal debris.
She combs the beaches near her home for plastic, trash, and other waste materials to put together the portraits, which contain different textures, shapes and colors.
Felix says, “I am deeply affected by the volumes of waste in our environment and I admire the activists, innovators and people who make their voices heard. The people in this series of portraits (Ocean Eco Heros) are the messengers and the voices resounding the urgency of the perilous state of the marine life and the oceans.”
Check out her amazing artworks below and view more at her site.
I had to ask myself this question when I came across a really cool article about it on http://vandelaydesign.com. I thought it refered to wonky perspective in photography, as the definition in wikipedia would suggest.
Parallax is a displacement or difference in the apparent position of an object viewed along two different lines of sight, and is measured by the angle or semi-angle of inclination between those two lines.
However, it means a whole different thing when talking about websites I find as I learn more about webdesign.
Parallax scrolling has been around since the 80s when video games used the effect to make foreground images move at different speeds than background images. It wasn’t until about 2011, though, that parallax scrolling became popular on the web after Nike released its Better World microsite in January of 2011. At that time, parallax was new and exciting. It made a huge impression on first time visitors because of the stunning effects. Now, it has become an overdone effect that is (hopefully) slowly dying down.
Just because an effect has been abused, however, does not necessarily mean it should be thrown to the wind. Some websites use parallax scrolling in just the right amount and the right way – to pique the interest of viewers but point them to the right places. Even ecommerce sites can create some pretty excellent parallax that lends, rather takes away, from conversions. For other websites, parallax scrolling ruins the entire experience of the visitor, turning their site into something very un-usable and confusing. So how do web designers know how to correctly implement this effect?
The first bit of advice to remember is that there are plenty of other ways to make a site stand out and draw visitors in to an experience without parallax scrolling. But if you must use it, then make sure to keep the following points in mind.
Use It for the Right Website
Not every website will benefit from parallax scrolling. In fact, parallax is not beneficial for any website on which users want fast information. Parallax requires scrolling patience, especially if in between helpful information are a bunch of added graphics and cutesy animation. These distractions will usually end up annoying visitors who are in a hurry.
Storytelling websites, however, can benefit greatly from parallax scrolling. Again, you don’t want to create so many extras that getting to the right information is almost impossible. But a parallax effect can really add to the experience and emotional response of a story.
Cyclemon.com brilliantly displays their products in story form with beautiful parallax scrolling. Usually, parallax does not work well for product websites, but Cyclemon is one example of how to make it work, with an engaging story and graphics and a menu that is always accessible for those not willing to scroll.
MadeByBlock tells their brand story in a simple one page website.
This product website for theQ camera uses parallax to create a blog post look and feel.
Spotify does an excellent job of using parallax to add a “cool” factor to their storytelling.
BrokenTwill tells their story as a design studio using interactive parallax.
Remember Small Screens
The biggest problem with parallax scrolling is that it can look great on a tablet or desktop but horrible on a smaller mobile device. Some websites have thought ahead and created a responsive parallax design, which works fairly well. You will just have to make sure your clients know up front that the layout will be a bit different and the effect won’t be as awesome as on a large screen.
Some websites don’t even bother with worrying about make a parallax site work for mobile, which is a big mistake with today’s boom in mobile device use. My recommendation? Go responsive or create a separate mobile site, and don’t use parallax if will create too much of a mess on a small screen.
This Lexus LS website has amazing parallax when viewing on a desktop and does a great job of making the images and text static when on a mobile device.
The Life of Pi Movie journey experience website is gorgeously entertaining, but a mobile version of the experience only has links and a prompt to view the site on a tablet or PC.
Fall in Tennessee takes viewers on parallax journey of what the state has to offer, and the mobile version does away with parallax that would create awkward transitions on a small screen.
L’unita is another great example of a website with a responsive design that removes parallax when on a small screen.
The iStrategyLabs portfolio review is on the more complicated side of parallax scrolling with an animated background and animated graphics, but the responsive design makes it viewable from a mobile device, even if a bit too long.
Keep User Experience in Mind
As briefly mentioned above, parallax scrolling can be infuriating. Sometimes, it can create in a visitor a confusing mix of annoyance and anger but the inability to stop scrolling. Curiosity is probably the single biggest factor for why parallax scrolling can work. However, it is all too easy to cross that thin line between slightly irritating visitors and making them so frustrated that they exit the site before any kind of conversion happens.
If a user cannot easily read text, navigate pages, or find information, then throw your parallax scrolling effect out and start over. If a visitor has to scroll slowly to wait for each section of the parallax story to load properly, then there is too much going on. A successful parallax effect will be quick to load, easy to scroll through, and won’t limit the usability of a site.
This website for Mark Collie has a beautifully unique layout but the parallax is much too jumpy.
This informational website from BizBrain.org is a good example of how well parallax can be used to tell a story with few words and lots of graphics.
The Genentech organization presents its story in this parallax design that scrolls sideways; while very interesting, it leans on the edge of unusuable.
Another very engaging parallax site with very advanced and unique animation effects, this one borders on unusable with a scrolling story that goes on too long.
This website is a good example of where the videos plus parallax scrolling would normally be too much, but for this Mime group and its audience, the effects work perfectly.
Limit Your Parallax
Just a little bit is enough. Parallax is so easy that everyone with a simple web development background can create a crazy design. Just because you can take an effect to the nth degree doesn’t mean you should. Most long scrolling pages can look amazing without a single parallax effect. So use it only when you want to add just a tiny bit of extra to highlight important facts.
The Knormal homepage uses parallax to display brief snippets of their pages in a simple yet intriguing layout.
The Soyuz Coffee website uses images and text to create an awesome parallax scrolling experience without too much clutter.
The Pons Group creates eye-catching but simple graphics representing water flowing from faucets to keep movement flowing down the page, and their “contact us” resembles a huge “don’t touch the red button” type of button from old movies – and clicking on the button actually depresses it.
Using geometric shapes in combination with parallax, Alee Foroughi creates a website that looks amazing but is also easy to navigate.
This short, single page designer website for Michael Ngo creatively uses parallax along with a video of Michael’s head and legs at the top and bottom of the page, with information where his body would be. Very simple yet incredibly original!
Get creative with your parallax. Instead of creating an effect of the screen moving upward as visitors scroll downward, keep the background stationary and have text fade in and out. Some websites have even been known to make a screen to appear to move upward, but use caution with this reverse trick as it can create confusion. Other ideas include using original graphics, photographs with cool effects, unique animations, videos, or custom text in combination with parallax to create a truly one-of-a-kind site!
This petition signing page for the Kyoto Project uses an illustrated parallax story with very limited text. The other benefit? It’s engaging and short enough that it won’t lose too many visitors with limited time or short attention spans.
Goa Kite Flying Festival 2014 has a stunning parallax site with graphics of people flying kites on roofs of houses. Inside the houses…well, let’s just say that the festival seems to like adult animation. It’s one way to entice people to attend a kite flying festival, I suppose!
This is one site that takes parallax to the nth degree, but so beautifully! You have to scroll up, as if you are climbing the Space Needle in Seattle. Facts pop up and gorgeous photographic views shift in and out, depending on your “location” on the needle. When you get tired of scrolling (it goes all the way to the moon), the navigation menu pops up when the curser is at the bottom of the screen.
With handwritten typography and sketched illustrations, the Daydream Designs site is incredibly eye-catching. Their parallax effect is simple too with only a single click at the bottom of the page to make an altered landscape appear with more info. Plus, a “skinny” one page version of the site is available.
Have you ever read a book via parallax website? This ebook certainly provides a unique reading experience with full page graphics in the background and extra facts about Tim Tebow as you scroll through.
Do you have any tips to share about using parallax in web design? Feel free to leave a comment below!
In print design, I usually design with a unique colour palette catered to each clients needs. I have however noticed, that I do seem to lean toward utilizing white or black with brighter colours. This also seems to be a trend. Huh!
Think of the colour schemes in modern web design. Aside from the plenty of minimalist sites made up of white and grey tones, often websites are constructed with just a single highlighting colour against a white backdrop. However, in this showcase you can see there’s some really adventurous designers out there who mix and match some unusual colour combinations. These designs feature colours you probably would have thought of, but they all look great and work perfectly together with beautiful contrast.
It reminds me of a book of color palettes of course I can’t find as I write this blog . . too many books apparently. Here are some other ones: