Design News

Widmer Brother’s 30 Year Anniversary

With help from Will Bryant and Print and Grain, Widmer Brothers celebrated their 30th anniversary by releasing two new beers as part of the “30 Years Series.”

“The 30 Beers for 30 Years Series keeps rolling today as Widmer Brothers Brewing announces the ninth and tenth beers in the series. Doppelbock and Ur-Alt are being released and represent the years 1992 and 1993, respectively, in the brewery’s 30-year history.

Doppelbock is a traditional strong German-style lager that uses heavy portions of dark malts. Although the beer is traditionally brewed for the winter months, Widmer Brothers is re-releasing Doppelbock in July as the beer appeared in the brewery’s history in 1992. The beer has been brewed by Widmer Brothers periodically for over 20 years, and Rob Widmer likens the brew to “liquid bread.” Fans of German lagers will welcome this release, but note it is not for the faint of heart – as Kurt and Rob say, ‘helmet required.’”

“Ur-Alt is a legend in the history of Widmer Brothers because it replicates the very first batches of Altbier ever produced by Kurt and Rob in the earliest days of the brewery. Before they perfected Alt, a few batches were much more bitter than intended. The unintended bitterness was embraced, and the beer geeks of Portland asked Kurt and Rob to try and reproduce the original batches. They did, and the resulting recipe was called Ur-Alt. It is now being released in bottles for the first time.

Both beers will be available throughout July and early August in the Portland area only. Like all beers in the 30 Beers for 30 Years Series, an extremely limited quantity of each beer was brewed and packaged with custom labels for sale in 22-ounce bottles and on draught.

Each beer in the 30 Beers for 30 Years Series features unique label art from 30 different local artists and designers. Portland artist Will Bryant created the Doppelbock label, and the creative team at Portland design and letterpress studio Print and Grain created the Ur-Alt label.”

Doppelbock Label: Will Bryant

Ur- Alt Label: Print and Grain

Client: Widmer Brothers Brewing

Country: United States

Related Posts:

  • Heineken Trafiq Limited Edition
  • Bassett Espresso
Continue Reading

Sitka Salmon Shares Seafood Box

CODO_SitkaSalmonShares_04.JPG


CODO_SitkaSalmonShares_05.JPG


CODO_SitkaSalmonShares_06.JPG


CODO_SitkaSalmonShares_03.JPG


CODO_SitkaSalmonShares_07.JPG


CODO_SitkaSalmonShares_02.JPG

Sitka Salmon Shares is a popular Community Supported Fishery (CSF) that specializes in providing high quality blast-­frozen King, Coho, and Sockeye Salmon shipped direct to Midwestern cities throughout the fishing season.

“The

CODO Design, a four-man branding and design firm in Indianapolis created modern packaging and design for Sitka Salmon Shares, a company connecting small boat family fishermen in Southeast Alaska with consumers in the Midwest.

CODO_SitkaSalmonShares_05.JPG

CODO_SitkaSalmonShares_06.JPG

CODO_SitkaSalmonShares_03.JPG

CODO_SitkaSalmonShares_07.JPG

CODO_SitkaSalmonShares_02.JPG

Sitka Salmon Shares is a popular Community Supported Fishery (CSF) that specializes in providing high quality blast-­frozen King, Coho, and Sockeye Salmon shipped direct to Midwestern cities throughout the fishing season.

“The first box we designed was meant strictly for salmon, so building on our ongoing branding work, this piece more clearly highlights Sitka, Alaska and includes a fun seafood pattern of some of the species you can expect throughout the season.”

Designed by: CODO Design

Packaging: Olson Packaging

Country: USA

Related Posts:

  • Bees Knees Spicy Honey
  • Carpe Nux
Continue Reading

Q&A with Michael Hendrix from IDEO: The Future of Package Design

Michael Hendrix from IDEO: The Future of Package Design

Our third Q&A is with Michael Hendrix from IDEO. As an IDEO partner, Michael Hendrix leads the Boston studio and guides the firm’s East Coast-based Design Directors. Michael will be speaking at The Dieline Summit, our conference this Fall in Paris (Nov 16-17).

We had the opportunity to ask Michael a series of questions that represent the theme of The Dieline Summit and overarching question:

What is the Future of Package Design?

JS: We are very familiar with your work and your contributions to the design world. Can you give us a short background on your journey to this very point?

MH: I think the common thread throughout my career has been a desire to use design as a transformative tool: empowering others, making people happier, making products friendlier, making businesses more effective. Whether it’s been teaching, start-ups or consulting, this desire has kept me motivated.

JS: Without giving away too much, what is your take on the future of packaging?

MH: One thing I see is that the sharing economy and maker culture are the first truly different manifestations of personalization. Packaging is adapting to this, making it easier to create customized, low volume designs with unique functions. I think this will have significant impact on manufacturing, requiring companies to move to small scale robotics to have the flexibility in their production lines that they need. We recently worked with a company called Pillpack (http://www.ideo.com/work/disrupting-the-drugstore) that has applied this concept to medication and I’ll share more about it at the conference.

JS: What intrigues you about design, and specifically product and packaging?

MH: I’m still fascinated by the “a-ha” moment when something we encounter is so clever that it’s novel. It’s a subconscious connection, usually discovered by a designer intuitively then realized intellectually. This has led me toward a field of study called embodied cognitio, a theory that our comprehension of the world happens through our five senses instead of just our minds. Packaging is a perfect place to explore this idea: visual, tactile, aural, and olfactory. (I shared thoughts on this topic in Metropolis last autumn: http://www.metropolismag.com/Point-of-View/September-2013/Designing-with-Metaphors/

JS: Our world is facing complexity that is leading to uncertainty. We are bombarded with so much information, that it is becoming increasingly difficult to retain so much. What does the next generation of design and communication design look like?

MH: One of the amazing things about the socialization of the web is that we’ve ordered information on our own terms—a way of dealing with all the data. In some ways it’s great because we can feed ourselves with what we want. On the other hand it’s dangerous because our micro worlds become homogenous and create a false reality bubble. I think the next generation of communication has to solve this problem. How do we design dissent or randomness into the system to keep us honest?

JS: What does the next generation of designers look like?

MH: We used to talk about T-shaped people, those who have a deep craft and broad curiosity. Now I see designers that are X-shaped or ∏-shaped; they are multi-disciplinary themselves with even broader curiosity. The lower cost of technology is one reason this has happened. It’s much easier to experiment with mediums than it used to be. And education has changed too. Most designers have multiple degrees, with many not studying design until their graduate programs. I think these people have an advantage because they are bringing new perspectives to the design world.

JS: What excites you about the future, specifically the future of package design?

MH: Packaging, when done well, becomes a genuine extension of a product, making it part of the whole experience. This is great news for packaging designers because it elevates the craft from simply being about aesthetics or practical details like protection, to being about participation and meaning.

JS: What in design specifically has left a profound impact on you?

MH: For me it’s more a matter of whom than what. 20th century design’s first heyday came immediately after the second World War. There was a surge of capability and optimism embodied in people like Lester Beall, and Charles and Ray Eames. They saw design as systemic and agnostic of mediums. When you look at their bodies of work it’s hard to classify them as a “kind” of designer. It’s the epitome of what we call design thinking today. I think most designers are confident they can design in a different medium than they were trained in because they are confident in the methodologies of design. The philosophies of these three people in particular helped me come to that realization and ultimately led me to designing systems, experiences and businesses.

JS: With your talk at the Dieline Summit, what lasting impact do you want to leave on future designers, brand, and product creators?

MH: I want to instill a confidence in intuition, a commitment to meaning, and a curiosity in the diverse world around us.

We would like to thank Michael for his answers on his career, design, motivation

and the future of package design. He will be speaking at The Dieline Summit

in Paris November 17th.

See full schedule below:

Take advantage of our early booking rate at 980 € includes VAT (TAX).

This early booking rate ends September 15th.

Register Now

Related Posts:

  • Q&A with Jonathan Ford from Pearlfisher: The Future of Package Design
  • Leland Maschmeyer on the Future of Package Design
Continue Reading

Social Media Newsfeed: Facebook Clickbait | Tumblr Images

Click here to receive the Morning Social Media Newsfeed via email.

News Feed: Facebook Targets Click-Baiting, Favors Link Format vs. Links in Captions, Status Updates (AllFacebook)
Facebook’s next steps to improve the content users see in their News Feeds include taking aim at click-baiting headlines in posts from pages and emphasizing links that are shared via the social network’s link format over those shared in photo captions and status updates. The social network said the move against click-baiting headlines should only affect the pages of “a small set of publishers” that repeatedly deploy the tactic, and research scientist Khalid El-Arini and product specialist Joyce Tang explained the reasons behind the move in a Newsroom post. The New York Times The move, announced on Facebook’s news blog, is the latest development in a battle between the company, which can drive an enormous amount of traffic to news sites, and those sites, which try to use the Facebook algorithm that ranks articles to their advantage. “Click bait” headlines were once favored by the algorithm, wrote El-Arini and Tang, a product specialist, simply because people tended to click on the links. The Wall Street Journal Facebook said it could recognize articles that are click bait by calculating the amount of time users spend away from Facebook after clicking on an article. “With this update we will start taking into account whether people tend to spend time away from Facebook after clicking a link, or whether they tend to come straight back to News Feed when we rank stories with links in them,” Facebook said in the press release. Mashable The change could have a major impact on digital media companies. Facebook has become one of the most influential publishing platforms, driving major traffic to sites that have a strong following on the site and are able to get users to share posts with friends. Vox So will this take all of those John Oliver videos out of your feed Monday morning? No; not if people comment about them and keep sharing them (which they do).

Tumblr Scanning Images for Branded Content: Should Users be Worried? (SocialTimes)
Tumblr made a deal with Ditto labs to scan images for branded content, and some users are up in arms. Identifying brand content in Tumblr images, when no text, hashtags or other identifiers are present, could be a major boon to brand holders.

A Step-By-Step Guide to Hosting or Joining a Twitter Chat (The Next Web)
Whether you’re a Twitter pro or newer to the network, whether you plan to host your own chat or if you look forward to participating in others, a bit of advance preparation could help. Here’s what we’ve discovered so far to help you make the most of Twitter chats.

HubSpot Files to Go Public with a $100M IPO (VentureBeat)
HubSpot filed its S-1 document with the U.S. Securities and Exchange Commission Monday, putting the marketing automation company in line to go public and raise $100 million. It will trade under the symbol HUBS on the New York Stock Exchange, according to the filing.

#EverySimpsonsEver Takes Over Twitter (LostRemote)
The Simpsons marathon wasn’t just a television binge; it was a social media Simpsons love fest. The network created the hashtag #EverySimpsonsEver and a Twitter account that tweets out the schedule in four-hour blocks, lest anyone miss an installment of “Treehouse of Horror.”

Wanted Man Posted Ice Bucket Challenge on Facebook, Police Say (CNET)
Police said that Jesean Morris decided to participate in the Ice Bucket Challenge in support of the ALS (Amyotrophic lateral sclerosis) Foundation. As the Smoking Gun reported, police in Nebraska said his video was spotted by, who knows, a “friend.”

Twitter Rated Top Company for Culture and Values (AllTwitter)
Glassdoor has announced its report of the top 25 companies for culture and values, based on workplace insights shared by the people who know companies best — the employees. Cited as “the best place I have ever worked” by one anonymous member of staff, Twitter has been voted number one in the poll, with rival Facebook fifth.

Young-Adult Movie Campaigns Mine Social Media (USA Today)
Last month the Internet went 50 shades of bonkers when Beyoncé unveiled a red-hot, 15-second teaser for “50 Shades of Grey” in a late-night Instagram post, generating more than a half-million “likes” and “comments.” But the seemingly outsized response to a snippet was no surprise to movie marketers, who increasingly are employing creative promotional campaigns via social media, particularly when targeting younger viewers.

64 Percent of Back-to-School Shoppers Discover Products on Social Media [Infographic] (SocialTimes)
According to a survey by Crowdtap, nearly 65 percent of those last minute shoppers plan to use social sites such as Instagram, Pinterest or Facebook for product discovery. Indeed, more than 45 percent of those surveyed said they considered peer reviews before making a purchase, while only 33 percent considered expert reviews.

New Career Opportunities Daily: The best jobs in media.

Continue Reading

Addons & Plugins for Extending Bootstrap

Ahhhh, the much loved Bootstrap. No other front-end framework has revolutionized the web design world in the way that Bootstrap has. Put simply, it has allowed us to create consistent, mobile-first, and cross-browser layouts much faster and much better than ever before. And on top of that, every single aspect of it can be completely customized to our needs.

One great thing that separates Bootstrap from other frameworks is that it comes bundled with a selection of reusable components and jQuery plugins. You may use them, you may not. That is the beauty of Bootstrap, you have the choice.

Now you wouldn’t exactly say that Bootstrap’s components and plugins are limited, but sometimes you may need something that will extend it’s functionality. And, as you would expect, there are literally hundreds of plugins and addons available for extending Bootstrap, and no, I’m not going to list them all here. Instead, I have focused on just a selection of both free and premium extensions that I feel would be the most useful to you and your next project.

Sliders & Carousels
Bootstrap Image Gallery

Bootstrap Image Gallery is a touch-enabled, responsive and customizable image and video gallery. The images and videos are displayed via Bootstrap’s modal dialog and comes with support for swipe, mouse and keyboard navigation, full-screen display, transition effects, and on-demand content loading.

Codetabs B+ Tabs & Slider for Bootstrap

Codetabs is a responsive tabs and slider plugin with 250(!) built-in effects. It comes packaged with over 40 HTML templates and offers 100 varied options.

Bootslider

Bootslider is a responsive slider plugin that combines the beauty of Bootstrap with the power of a fully-featured content slider. It comes packaged with many eye-catching animations and is completely customizable.

Strapslide Slider Plugin

Strapslide is a fully-featured and fully-customizable responsive and mobile-optimized Bootstrap slider plugin. It comes with support for displaying images, videos, HTML markup and captions. Out of the box it doesn’t come with any preset animations, thus allowing to create your own.

Bootstrap Media Lightbox

Not every project needs a fully-featured slider extension. So if you’re looking for something a little bit more lightweight, then the Bootstrap Media Lightbox would be a good choice. It comes with support for single images, image galleries, videos and iframes.

Button & Icon Libraries
Icon Animator for Bootstrap

Icons Animator is an extension for adding subtle animations to all Bootstrap navigation elements, not just icons and buttons. It comes packaged with 18 different hover effects and 5 display modes.

CSS3 Microsoft Modern Buttons

CSS3 Microsoft Modern Buttons is an extensive library of buttons that have been built in the same style as Microsoft uses on their websites.

Social Buttons for Bootstrap

Based on Bootstrap and Font Awesome, Social Buttons is a pure CSS library of elegant and versatile social signin buttons.

Bootstrap Buttons Bundle

As the name suggests, the Bootstrap Buttons Bundle are a huge (and I mean huge!) selection of buttons that come in flat, 3D and neon styles, 5 varied shapes (basic, rounded, simple, circle & square), and also in four handy sizes (large, normal, small and extra small).

Navigation & Menus
Yamm! Megamenu

Yamm! is a free mega menu addon that uses the standard navbar markup and the fluid grid system classes from Bootstrap. It works for both fixed and responsive layouts and supports the inclusion of almost all Bootstrap elements.

Bootstrap Sidebar

Bootstrap Sidebar is a responsive sidebar plugin for Bootstrap 3. If your menus are too big to fit into a horizontal menubar, or you need to have a responsive sidebar that is compatible with Bootstrap, then this is the plugin for you.

BootstrapTreeNav

BootstrapTreeNav is a JS plugin for Bootstrap that helps to create tree-style navigation menus.

3d Mega Menu

The responsive 3D Mega Menu is a flexible and highly customizable extension for Bootstrap with support for either horizontal or vertical menus.

Bootstrap Form Elements
jqBootstrapValidation

jqBootstrapValidation is a popular jQuery validation framework for Bootstrap forms that displays validation warnings and errors as the user inputs information.

flavr – Flat jQuery Popup Dialog

flavr is a beautifully designed Bootstrap compatible popup dialog box. It has been animated using animate.css and works on any modern browser.

CSS3 Responsive Forms Pack

The CSS3 Responsive Forms Pack is a simple and professional Bootstrap form framework that strikes a balance between simplicity and elegance. It has been built using no Javascript, just pure CSS. It comes with built-in support for Google Web Fonts and Font Awesome icons, and also comes packaged with templates for login and registration forms.

Formicon – Flat Forms Pack

Formicon is a collection of flat-designed form templates built on top of Bootstrap. It comes packaged with templates for login, registration, checkout and contact forms.

Bootstrap Tabcollapse

Tabcollapse is small plugin that changes the Bootstrap tabs component to a collapse component for smaller devices.

Tokenfield for Bootstrap

Tokenfield is an elegant and advanced tagging system for Bootstrap (and jQuery), with it’s primary focus on keyboard and copy & paste support.

Multi-Suggest Typeahead

Multi-Suggest is a useful addon for extending the default Bootstrap Typeahead component. It supports: multiple datasources; RESTful services (AJAX/JSON); dynamic filtering; custom, per-datasource list formatters; separate visible & hidden select values.

Bootstrap Combobox

Bootstrap Combobox is a really easy plugin that transforms a select box into an autoselecting combobox.

ClockPicker

ClockPicker is a feature-rich ‘clock-style’ timepicker for Bootstrap (or jQuery).

Accordian Wizard

Based on Bootstrap styles, Acc-Wizard is, as it’s name suggests, an accordion-based wizard system.

Bootstrap Calendar

Calendar is a template based full-view calendar system for Bootstrap.

tablecloth.js

Building off Bootstrap, Tablecloth is a jQuery plugin that helps you to quickly and easily style HTML tables. It comes packaged with 3 pre-designed styles (default, dark and stats).

Bootstrap Confirmation

To avoid interupting a user’s workflow, Bootstrap Confirmation is an addon that replaces confirmation dialogs with popovers.

Bootstrap Component Addons
Bootbox.js

Bootbox.js is a small JavaScript library that allows you to create programmatic dialog boxes using Bootstrap modals, without having to worry about creating, managing or removing any of the required DOM elements or JS event handlers.

Pricely Price Charts

Pricely is an extension for Bootstrap for creating elegant price charts and tables.

SelectBoxIt

SelectBoxIt will replace ugly HTML select boxes with gorgeous and feature rich drop-downs. Bootstrap, jQueryUI, and jQuery Mobile themes are supported out of the box.

Bootstrap Star Rating

Star Rating is a simple jQuery star rating plugin for Bootstrap that supports advanced features like fractional star fill and RTL input support.

Rpage Pagination

Rpage is a highly responsive pagination plugin for Bootstrap.

Bootstrap Paypal Shopping Cart

Paypal Shopping Cart is a fairly easy-to-use jQuery based shopping cart system for Bootstrap. All you have to do is configure your inventory and store the meta data in a simple structured JSON file.

DMSS Style Switcher

DMSS is a useful Bootstrap-based jQuery plugin that allows you to quickly change the style of a particular web page.

X-editable

The X-editable library allows you to create editable elements on your page. It can be used with Bootstrap or jQuery-UI, and includes both popup and inline modes.

Tocify.js

Tocify.js is a jQuery plugin for creating a table of contents section. It can be themed with either Bootstrap or jQueryUI.

Bootstrap Grid Extension Generator

The Grid Extension Generator is an application that generates CSS files that extends the core grid functionality of Bootstrap. The vanilla grid system is restrictive with only 12 columns and four somewhat arbitrary view-port sizes. This app changes that by allowing the user to easily generate as many columns as they like, across user-defined viewport widths.

Concluding

From here, your could head over to Tuts+ for some Bootstrap 101, or you could browse CodeCanyon for some other extensions or plugins, or ThemeForest for some Bootstrap themes and templates.

The post Addons & Plugins for Extending Bootstrap appeared first on Market Blog.

Continue Reading