I’m basically a print designer, and even though I have done web design I worried that they would be “talking in code” and I’d be lost. I was pleasantly surprised—the presenters who showed some code did it in a way that I could understand. Even Eric Meyer’s chat on “CSS for evil” was presented in a way that made sense to the print designers like me!
Monday morning started with AEA founder
Jeffrey Zeldman giving a history of Emoticons. From the simple smiley face to winking emoticons with hats and mustaches to the difference between eastern and western styles, we were impressed with Zelman’s vast knowledge.
Just joking :)
Seriously, you know that the next two days are going to be great when you hear things like “Beautiful no longer means flash-based.” Zeldman’s passionate opening on the history of the web—
Web 2.0—set the tone of the conference. He kicked off AEA by showing inventions from history that led to the web, and showing why we stand at the dawn of a newer and more mature web powered by standards.
Following Zeldman, we heard from
Sarah Parmenter on
Crafting the User Experience. She discussed principles from human psychology, such as speed, simplicity, surprise, social behavior and stirring emotions, and she gave practical advice for using psychology when thinking about web design and user experience.
Rounding out the morning was
Jason Santa Maria’s session
On Web Typography. He began by talking about what makes a good web typeface and major typography considerations, such as dimensions, special features, prolonged reading and internationalization. “Good typography is invisible. Don't make me think about reading, just let me read!” Then he talked about the advances and choices we now have with web fonts. Even though those advances are exciting, he cautioned, we still have to use good design and web standards.
The afternoon started with
Scott Berkun talking about
Why Designers Fail and What to Do About It. He gave us his thoughts on how we’d never learn and move forward without failure. He said all designers fail 95% of the time, but design suffers from a lack of failure analysis—how to look at the reasons we fail and what to do about it.
One of my favourite sessions was
A Content Strategy Roadmap with
Kristina Halvorson. She provided valuable insights into how we spend a lot of time on strategy, wireframes and design before obtaining content for our websites. Content often comes last, when it should come first. The bottomline: “Start designing from the content out, rather that the canvas in,” she said.
Finishing off the day was
Luke Wroblewski, whose presentation
Mobile Web Design Moves left me eager for his full-day mobile web design course. It was exciting to hear about the huge growth in mobile usage, the immense possibilities of mobile web design and how we need to think differently when designing for mobile devices.
Day two started off with
Eric Meyer and his talk
The CSS3 Anarchists’ Cookbook. Basically, he gave us tips and tricks on how to use CSS for “evil”—how to mess with your co-workers by changing up code in their browser’s user stylesheets. I was a little scared of this talk, but whenever Eric showed the code he showed examples of what it did so it made sense. It was a cheeky way to show the new tools in HTML5 and CSS3.
Jeremy Keith followed with a discussion of
Design Principles. He talked about how your principles and design should match, and how this will help you reach your goals—“The more you can boil down your design principles, the better.”
Aarron Walter then did a presentation titled
Idea to Interface. It was great to learn how those iPhone apps you have in your mind would translate from just an idea into actuality. He said you need to give yourself permission to be the person with the idea, and he outlined how you would carry it through.
The afternoon continued with
Andy Clarke and his presentation
Smoke Gets in Your Eyes about CSS3 web animation. We learned about the latest
CSS animation techniques, and he showed some entertaining videos, such as the
Flash vs. Web rap battle.
Alexa Andrzejewski, the founder of Foodspotting, followed with an intriguing presention
The Dimensions of a Good Experience. She talked about evaluating experiences using 10 principles from urban planning, and how these same qualities could be applied to digital experiences—“Design influences our experience of the world.” It was the process that led her to create the Foodspotting app.
Finishing off day two was the humourous and incredibly passionate
Tom Coates talking about
Everything the Network Touches. He reminded us all about how exciting and powerful the web is and how the network is not only extending to people but to objects and places. His final thought: “I am going to say something controversial: I don’t think we should have web standards. It’s only with the ability to explore and not be bound by rules and regulations that we going to create and discover new realms.”
With our minds on overload from these two days we headed into day three,
Mobile Web Design with Luke Wroblewski. Again, I had no reason to worry that we’d be doing something super techincal. It was all digestible information. Talking to a crowd of 300, Luke did a great job of getting us to interact with him and each other. He started by asking the audience what we’d like to learn. We also did a few interactive projects by sharing in small groups. Throughout the day, Luke took us through the major considerations when designing for mobile: what the constraints are, stats on usage, what behaviours drive the use of mobile devices and how they are used.
AEA, you know how to throw a conference: 12 exceptionally fantastic speakers, a live
Twitter feed, three parties and a
soundtrack! If you’re looking to attend a fun web design conference that runs seamlessly with loads of exciting and passionate people, check out
An Event Apart. Having attended many design conferences I found AEA to be among one of the best experiences I've had. I went from not knowing anything about this conference to coming back with practical experience and tools ready to be put to use in our office.
Further reading:
A List Apart
World Wide Web Consortium
Luke Wroblewski’s Notes on AEA Presentations
[post_title] => An Event Apart
[post_category] => 0
[post_excerpt] => An overview of An Event Apart, the design conference for people who make websites.
[post_status] => publish
[comment_status] => open
[ping_status] => closed
[post_password] =>
[post_name] => an-event-apart
[to_ping] =>
[pinged] =>
[post_modified] => 2011-05-10 13:32:48
[post_modified_gmt] => 2011-05-10 20:32:48
[post_content_filtered] =>
[post_parent] => 0
[guid] => http://industrialbrand.com/?p=5250
[menu_order] => 0
[post_type] => post
[post_mime_type] =>
[comment_count] => 1
[filter] => raw
)
-->
An overview of An Event Apart, the design conference for people who make websites.
Posted by: Sylvia Rigakis on Tuesday, May 10th, 2011
Categories: Design, Education, Events, Inspiration, Interaction, Interactive, Learning, Social Media, Technology, Websites | 1 Comment »
Keenly aware that our company is largely defined by its clients and projects, we always evaluate opportunities against a set of criteria that include profit, portfolio, ethics, and fit—but what about optics? At first, this situation felt a little like that which arose when gambling or pornography companies had approached us in the past, leading us to politely decline the work. No matter how you slice it, religion is a touchy topic. Our association with the project could have an impact our own brand, so we had to tread carefully.
Once the project was finished, and though proud of the results, members of the Industrial Brand team would hesitate before discussing the Yaaway project, making sure to explain the situation clearly to avoid it being summarily categorized as bible-thumper fodder. Our team members' histories run the gamut of those raised in religious homes of various faiths, to those who are completely secular. We didn't all share our client's beliefs, but didn't oppose them either, and following the completion of our initial assessment process, we were surprised at how quickly we became comfortable with the subject matter. The message was positive, and nobody was being duped.
Starting Out: Sunday School
To set the stage, the Yaaway team—a group of experienced media professionals—had already spent over a year (and considerable funds) building the framework and technology platform for a large online community, based on media sharing and social networking. The site was much like a mash-up between Facebook and YouTube, but with a difference: each video and post would ideally be centred on personal stories about Jesus. Not necessarily about Christianity, but Jesus himself. The site would be free to join and use, there were no plans for any advertising or revenue streams, and any user would be welcome to participate, regardless of perspective or religious affiliation.
You're thinking: “So what’s the catch?” Well, we wondered the same thing, and were suspicious about a business model that didn’t include any plans for revenue. We did our homework and discovered that there really wasn’t a catch. Yaaway was a group that had the foresight to say, “Okay, there are a lot of issues and stereotypes surrounding religion these days. So how do we still get out the message of ‘doing good for your fellow man’, while side-stepping the existing public perception of Christianity?” The answer they came up with was to distill the core messages from the historical teachings of Jesus and avoid getting bogged down by the dogma of organized Christianity.
As the project got under way, we realized how unique the creative brief really was. How would we be able to create an identity suitable for a web-savvy community centreed on Jesus’ story and wisdom, while avoiding traditional religious icons? As a group of brand designers with varying perspectives on faith and religion, we were rather intimidated by this unusual situation. At the same time, we were excited by the design challenge to create an identity that expressed Jesus-centric sharing without looking 'churchy'. Like many previous challenging projects, sticking to our proven design methodology lit the way.
Meet Jesus: Just a Guy With a Beard
As we began digging into the project, we learned that the core of this online community was a unique world view. They called it a 'Spiritual Point of View', focused on the "non-religious life of Jesus, the humble person who transforms people of every social class and culture with a spirit of truth and love." We weren't convinced that you could really separate Jesus from religion.
As designers in the branding business, we often toot our horns about building on the existing equity of a brand. This client had the exact opposite problem. It needed to distance itself from the existing brand perception of the Jesus camp—often viewed as right-wing fundamentalists. Beyond the unique portfolio addition this project represented, it was a rare opportunity and challenge.
What the Heck is a Yaaway?
The name Yaaway is a playful re-interpretation of Yahweh, originally an ancient Hebrew word for God, or "the one". By misspelling the word, our client sought to not only distance itself from a traditional religious word, but create a fun, youthful-sounding, nonsense word like Google or Yahoo. The word also wouldn’t have obvious religious connotations. Another benefit was that the word Yaaway could be purchased as a domain name, which was critical.
Early on we uncovered the fact that our client had already invested significantly in the development of the technology behind the online platform, which was being beta-tested online. Yet after more than a year of work on the project, the company had not engaged in any brand strategy or identity design, and had been using a placeholder logomark which was essentially a knock-off of the YouTube logo—a thoughtless contribution by one of its technology developers. This approach was clearly unsuitable as its identity needed to stand apart not only from other religious-based sites, but from the social media/video sharing world. Said the company’s owner, "I feel like we've built a world-class race car without considering the body style or paint job.”
[caption id="attachment_4755" align="alignnone" width="436" caption="The original Yaaway logo."]
[/caption]
Seek and Ye Shall Find
The goal for the Yaaway website was to create a safe, friendly and welcoming experience about the real Jesus, and not about Christianity. The brand and user experience would have to appeal to a global community of spiritually-motivated and non-denominational visitors pursuing truth and knowledge, and all faiths would be welcome. The core of the site content would be stories and video and, although debate would be encouraged, any antagonistic, irrelevant or inappropriate content—such as the promotion of exclusive religious doctrine—would not be welcome.
That said, unlike so many religious websites (and there are many), this site would have virtually no editorial control. The content would be self-organized by the community itself in the spirit of a Wiki, with the founders 'letting it go', for the most part. Content that members enjoyed and valued would be promoted by users through a voting system, while content not viewed as harmonious with the spirit of the site would settle to the bottom, down-voted and nixed by the user community.
What Would Jesus Design?
An early research step in our process was what we refer to as a Brand Discovery session, essentially a workshop including a series of exercises and games designed to challenge key stakeholders' preconceived notions and assumptions. As with many clients over the years, our Yaaway clients arrived in our studio with ideas of what they wanted to accomplish, who their audience was, and what was needed to achieve their goals. Our first job was to challenge that paradigm, and dig deeper into the situation to reveal more than could be expressed in an initial creative briefing. The workshop culminated in identifying Yaaway’s brand essence and aspirations, and the creation of a visioning statement to provide the core direction for the brand design project.
Due to our client's own moderate views on Jesus, we explored the extreme right-wing, church-driven fundamentalist websites, and determined how Yaaway was not that. In fact, one of the more interesting things that emerged during this research phase was that it was far easier to determine what Yaaway was not, which was one of the best ways of determining what it was. This was especially relevant to the project as the identity of the Yaaway community would be largely determined by the users themselves. Plus, this process of discovery made a huge difference to our own acceptance of the client and the project.
Personal biases began creeping into our team’s psyche, and as communication designers, it’s critical that we’re able to set aside our own preconceived notions and focus on the goals, needs and audience at the core of the problem before us. However, the topic of Jesus Christ was a difficult one to remain unbiased about, regardless of faith or perspective. The tactic we settled upon was relative to a round-table discussion; one where any issue or query could be aired without judgment, and then settled before approaching the next. After confronting and discussing our biases, we let our process reveal what our assumptions clouded and the identity began to take shape.
What Does Your Soul Look Like?
As far as branding and identity challenges go, this project had many. In creating the identity, we had to dive deep down into what the site could become well into the future. This invariably led to some interesting and important developments when designing the website itself.
Beside the fact that the intended audience was a vast multicultural group made up of various ages, educations and faiths, the client insisted that we avoid direct references to the image of Christ, as well as classic icons of Christianity such as a crucifix, lamb, fish, crown of thorns, etc. The logo and website interface had to look 'Web 2.0' while standing out against sites like YouTube, Facebook, DailyMotion, etc., and it most certainly had to up-stage related competitors such as GodTube, JesusClips, and GospelTube. Further, the site had already gone live as a beta with placeholder graphics and an interface that hadn't fully considered the user experience. We had our work cut out for us.
We began by highlighting key words, targeting various graphic elements and iconography, in order to grasp particular themes and ideas. We then cross-referenced the visual language of spirituality (both subtle and blatant), with the vast online social networking meme, seeking inspiration for ways to communicate the concept of non-denominational spiritual dialogue, while avoiding cliché graphics.
[caption id="attachment_4756" align="alignnone" width="436" caption="A sample of some of our concept sketches during the design process."]
[/caption]
As community, sharing, connections, and exchange of ideas became central themes, we sketched and explored visual language that included speech balloons and quotation marks as connectors, links, overlapping elements, clusters and video screens. An epiphany came when the speech balloons were arranged to reveal a cross in the negative space—a fortunate point of view as the client didn’t want Yaaway to have any obvious religious or denominational overtones.
Another moment of insight came upon reviewing many different styles of quote marks. Arranged in an organic cluster at varied sizes, they suggest abstracted talking heads coming together in their shared dialogue. With some adjustments, that central point of focus became the 'invisible' cross discovered earlier.
Custom typography to complement the rounded forms of icon was developed along with a colour system flexible for both print and web environments. This vibrant palette suggests a journey from cold to hot, as from discovery to acceptance, as the ascending quotes reach upwards to a more spiritual focus. Four graphic elements not only provided the minimum for a sense of community, but four elements also serve to represent the four books of the New Testament and the four disciples who wrote their chronicles of Jesus’ life.
[caption id="attachment_4757" align="alignnone" width="436" caption="The final logomark, fully realized and addressing the brief, client requirements and target audience."]
[/caption]
As wtih all identity design projects, we ran the final top three logos through a theoretical strainer. Is it readable? Is it relevant? Does the typography resonate with the brand? Elements right down to subtle moods changes affected by colour were scrutinized. The editing process is always one of love and hate; but it’s what takes a logo from good to outstanding.
Of couse, final delivery of the brand design included many elements beyond the logo. These included a comprehensive online brand usage guide, complete stationery package, collateral and promotional materials, signage, and the critical interface design for the website.
Some of the applications of the new Yaaway identity and web interface:
On the 70th day, We Rested
Yaaway was a challenging project; one that our team will not soon forget. We are proud that our belief in creative strategy helped us overcome what at first seemed a worrisome project with a challenging brief. This case study will serve as a litmus test and benchmark for future brand identity projects, proving that even when faced with extreme difficulty, our individual talents, combined with our collective faith in the design process, will guide us to effective solutions. We no longer pause before showing off the project, often catching new clients off guard by saying “Can we tell you about Jesus?”
But Was the Project a Success?
The client was ecstatic with the brand platform and, after several months, re-launched its website, promoting it publicly. The site began to expand daily, with a growing collective of spiritually curious users signing up, engaging in dialogue and up-loading videos. The identity even won industry recognition such as a prestigious Communication Arts Award in the 2009 Design Annual.
Then, trouble. It was found that the primary users on the site were Christian—no surprise for us, but a disappointment for the client. Although we were told the site was making good progress, the client suddenly announced that further development of the project was being halted and the core team disbanded. The owner felt compelled to change direction and discontinued his funding. With his original unusual business model lacking a revenue stream, it was no surprise that he ultimately decided to commercially market the technology platform to groups and associations looking to build their own media-based online social networks.
Recently the Yaaway.com website itself went offline, surely a disappointment for those who worked so hard on it for two years. But, maybe one day, it will rise from the dead.
Click here to view a brief case study in our portfolio or
click here to download the longer case study overview as a PDF.
[post_title] => Branding The Man They Called Jesus
[post_category] => 0
[post_excerpt] => Separating Church and State (of Mind). At some point in our lives, each of us learns the lesson that discussing religion or politics in mixed company can backfire.
[post_status] => publish
[comment_status] => open
[ping_status] => closed
[post_password] =>
[post_name] => branding-the-man-they-called-jesus
[to_ping] =>
[pinged] =>
[post_modified] => 2011-04-05 15:11:27
[post_modified_gmt] => 2011-04-05 22:11:27
[post_content_filtered] =>
[post_parent] => 0
[guid] => http://industrialbrand.com/?p=4753
[menu_order] => 0
[post_type] => post
[post_mime_type] =>
[comment_count] => 0
[filter] => raw
)
-->
Separating Church and State (of Mind). At some point in our lives, each of us learns the lesson that discussing religion or politics in mixed company can backfire.
Posted by: Mark Busse on Friday, October 15th, 2010
Categories: Articles, Branding, Industrial Brand, Websites | No Comments »
After engaging our discovery process, which looks past assumptions and digs deeper into the real situation and goals, we determined that they required a site they could easily manage themselves for use not only as a marketing tool, but for recruitment and communications too. So we developed a project plan that included the creation of a
CMS-driven site (in this case
Drupal) with an aesthetic emphasis on simplicity, intuitive information access, and messaging that better told the story of the Chatwin brand to their unique audience.
Considering their audiences' needs and what it is that a multi-disciplinary engineering and planning firm does, it was also important to use the site to emphasize their work. We created a modern, clean
portfolio system separated by their three main areas of expertise—civil, building, and environmental—with a gallery of rotating images and case studies of their highlighted projects.
Engineers do love to produce lots of words and data, so by our launch date, the site was populated with copious amounts of information and contiues to grow. Thankfully our well-considered information architecture and site structure, which included a powerful serach tool, multi-functional footer and intuitive navigation system, a user can access any of the content with two mouse clicks.
Our entire team deserves congratulations, Steve Mynett in particular, who worked very hard with our developers on this project to see it through to a successful launch. Now that it's complete, the Chatwin Engineering website appears simple to me, betraying all the work that went into it's design. I think most websites that use smart
interaction design thinking to organize and present complicated concepts and content fall into this category. Engineers can be a picky bunch, but in this case were terrific to collaborate with and work for, and they are thrilled with the new online presence and interactive tools we created for them.
Check out
the new Chatwin Engineering website and
tell us what you think!
[post_title] => Chatwin Engineering Website Launches
[post_category] => 0
[post_excerpt] =>
[post_status] => publish
[comment_status] => open
[ping_status] => closed
[post_password] =>
[post_name] => chatwin-engineering-website-launches
[to_ping] =>
[pinged] =>
http://industrialbrand.com/work/case-studies/stornoway-diamonds?page=1
[post_modified] => 2009-05-26 12:20:22
[post_modified_gmt] => 2009-05-26 19:20:22
[post_content_filtered] =>
[post_parent] => 0
[guid] => http://industrialbrand.com/?p=3861
[menu_order] => 0
[post_type] => post
[post_mime_type] =>
[comment_count] => 0
[filter] => raw
)
-->
One great thing about what we do as brand and interactive designers is the variety of clients and projects we get to work on, each very different needs, goals, and audiences. One day it’s a brand and collateral aimed at investors or a [...]
Posted by: Mark Busse on Tuesday, May 26th, 2009
Categories: Articles | No Comments »
[gallery order="DESC"]
