Archivio

Posts Tagged ‘design’
31 gen

50+ Creative Examples of Websites Designed With HTML5

The web is constantly evolving. New and creative websites are being created every day, pushing the limitations of HTML in every direction. HTML4 has been around for nearly a decade and now its time to move forward. To give authors more flexibility and interoperability, HTML5 is proposed as the next major revision of HTML.

50+ Creative Examples of Websites Designed With HTML5

It works on just about every platform, is compatible with older browsers, and handles errors gracefully. You can create powerful, easy-to-maintain, future-proof web pages. Many common tasks are now simplified, putting more power in your hands.

In this presentation, you’ll find a variety of highly-creative, beautiful and most importantly inspirational designs that are coded in HTML5.

The main purpose here is to stimulate your creativity and to inspire your imagination to create awesome designs because your website represents you and your brand.

You may be interested in the following modern trends related articles as well.

Please feel free to join us and you are always welcome to share your thoughts that our readers may like.

Don’t forget to subscribe to our RSS-feed and follow us on Twitter — for recent updates.

What is HTML5

HTML5 is being developed as the next major revision of HTML (HyperText Markup Language), the core markup language of the World Wide Web. HTML5 is the proposed next standard for HTML 4.01, XHTML 1.0 and DOM Level 2 HTML. It aims to reduce the need for proprietary plug-in-based rich internet application (RIA) technologies such as Adobe Flash, Microsoft Silverlight, Apache Pivot, and Sun JavaFX.

For those, who don’t know what is HTML5? And what it can do? Then follow the link below for detail introduction.

Creative Examples of Websites Built Using HTML5

Throughout history, great artists always found new ways to show their creativity to express themselves and create new trends and techniques to remark their work apart from the rest of the crowd. The Definition of design is more critical in modern terms as now design is a way of communication; and, more specifically, Web design is a well define platform for showcasing your skills. There is no ‘Good’ and ‘Bad’ in design. It always defined as ‘Different’.

La Moulade

instantShift - Creative HTML5 Website Designes

Website Link

Anna Safroncik

instantShift - Creative HTML5 Website Designes

Website Link

Green Campus Guide

instantShift - Creative HTML5 Website Designes

Website Link

Scandalous Dirt

instantShift - Creative HTML5 Website Designes

Website Link

Dataveyes

instantShift - Creative HTML5 Website Designes

Website Link

Social Summit

instantShift - Creative HTML5 Website Designes

Website Link

Nikevision

instantShift - Creative HTML5 Website Designes

Website Link

Shoppub

instantShift - Creative HTML5 Website Designes

Website Link

Art4Web

instantShift - Creative HTML5 Website Designes

Website Link

Thrivesolo

instantShift - Creative HTML5 Website Designes

Website Link

Learn Lake Nona

instantShift - Creative HTML5 Website Designes

Website Link

Brandberry

instantShift - Creative HTML5 Website Designes

Website Link

Black5

instantShift - Creative HTML5 Website Designes

Website Link

Acumen Fund

instantShift - Creative HTML5 Website Designes

Website Link

Mezcal Buen Viaje

instantShift - Creative HTML5 Website Designes

Website Link

Veloster

instantShift - Creative HTML5 Website Designes

Website Link

Kiplin

instantShift - Creative HTML5 Website Designes

Website Link

Create Digital Media

instantShift - Creative HTML5 Website Designes

Website Link

Visions of Beauties

instantShift - Creative HTML5 Website Designes

Website Link

Ala

instantShift - Creative HTML5 Website Designes

Website Link

Sony Tablet

instantShift - Creative HTML5 Website Designes

Website Link

Ascension Latorre

instantShift - Creative HTML5 Website Designes

Website Link

Dondup

instantShift - Creative HTML5 Website Designes

Website Link

Flow Festival

instantShift - Creative HTML5 Website Designes

Website Link

Crypteks

instantShift - Creative HTML5 Website Designes

Website Link

Massive Digital Creative Agency

instantShift - Creative HTML5 Website Designes

Website Link

Luhsetea

instantShift - Creative HTML5 Website Designes

Website Link

Abitofextra

instantShift - Creative HTML5 Website Designes

Website Link

Hall88

instantShift - Creative HTML5 Website Designes

Website Link

The Lounge

instantShift - Creative HTML5 Website Designes

Website Link

Polaroid

instantShift - Creative HTML5 Website Designes

Website Link

Pub Design

instantShift - Creative HTML5 Website Designes

Website Link

Inze.it

instantShift - Creative HTML5 Website Designes

Website Link

Slavery Footprint

instantShift - Creative HTML5 Website Designes

Website Link

Dotfusion

instantShift - Creative HTML5 Website Designes

Website Link

Jessica Caldwell

instantShift - Creative HTML5 Website Designes

Website Link

Beetle

instantShift - Creative HTML5 Website Designes

Website Link

Festival

instantShift - Creative HTML5 Website Designes

Website Link

All Together Now

instantShift - Creative HTML5 Website Designes

Website Link

Rally Interactive

instantShift - Creative HTML5 Website Designes

Website Link

Protest

instantShift - Creative HTML5 Website Designes

Website Link

Fashion Photography

instantShift - Creative HTML5 Website Designes

Website Link

Neotokio

instantShift - Creative HTML5 Website Designes

Website Link

255 Creative

instantShift - Creative HTML5 Website Designes

Website Link

Hyper

instantShift - Creative HTML5 Website Designes

Website Link

Divups

instantShift - Creative HTML5 Website Designes

Website Link

Adventure World

instantShift - Creative HTML5 Website Designes

Website Link

Asiance

instantShift - Creative HTML5 Website Designes

Website Link

Michelberger Booze

instantShift - Creative HTML5 Website Designes

Website Link

NeverBland

instantShift - Creative HTML5 Website Designes

Website Link

Uchitomi

instantShift - Creative HTML5 Website Designes

Website Link

Beautiful Explorer

instantShift - Creative HTML5 Website Designes

Website Link

Zeitgeistbot

instantShift - Creative HTML5 Website Designes

Website Link

Vivas Communication

instantShift - Creative HTML5 Website Designes

Website Link

Find Something Missing?

While compiling this showcase, it’s always a possibility that we missed some other great HTML5 design resources. Feel free to share it with us.

Categorie:Web Design Tag: Commenti chiusi
23 gen

60+ Fresh Examples of Modern Single-Page-Website Designs

As you’ve already seen in our previous posts about Single Page Website Designs that showcasing your work in single page design is a hot trend now days. It’s kind of ironic to see what designers can do with single pages as modern age designers love to experiment with things and observe how people interact with their work. Even though this is not a common trend to follow but still as the new design styles come up, and as more and more designers notice them and make use of them in their work, this kind of trends emerge.

60+ Fresh Examples of Modern Single-Page-Website Designs

In this presentation, you’ll find a variety of highly-creative, beautiful and most importantly inspirational designs which is following the same trend of single page designs.

The main purpose here is to stimulate your creativity and to inspire your imagination to create your own design trend because your website represents you and your brand.

Don’t forget to subscribe to our RSS-feed and follow us on Twitter — for recent updates.

Single Page Website Designs for Design Inspiration

Throughout history, great artists always found new ways to show their creativity to express themselves and create new trends and techniques to remark their work apart from the rest of the crowd. The Definition of design is more critical in modern terms as now design is a way of communication; and, more specifically, Web design is a well define platform for content. There is no “Good” and “Bad” in design. It always define as a “Different”.

Is It Worth It

instantShift - Single Page Website Design Inspiration

Website Link

Rtraction

instantShift - Single Page Website Design Inspiration

Website Link

Graydenpoper

instantShift - Single Page Website Design Inspiration

Website Link

Fly.twitter

instantShift - Single Page Website Design Inspiration

Website Link

Mediapointstudios

instantShift - Single Page Website Design Inspiration

Website Link

Hellokarb

instantShift - Single Page Website Design Inspiration

Website Link

Dangersoffracking

instantShift - Single Page Website Design Inspiration

Website Link

Thechristmastree

instantShift - Single Page Website Design Inspiration

Website Link

Para.llel

instantShift - Single Page Website Design Inspiration

Website Link

Chris-wang

instantShift - Single Page Website Design Inspiration

Website Link

Zerobundle

instantShift - Single Page Website Design Inspiration

Website Link

Eight Media

instantShift - Single Page Website Design Inspiration

Website Link

Augustinba

instantShift - Single Page Website Design Inspiration

Website Link

Andypatrickdesign

instantShift - Single Page Website Design Inspiration

Website Link

Onlinejaarverslag

instantShift - Single Page Website Design Inspiration

Website Link

Jibevisuals

instantShift - Single Page Website Design Inspiration

Website Link

Urbangap

instantShift - Single Page Website Design Inspiration

Website Link

Slaveryfootprint

instantShift - Single Page Website Design Inspiration

Website Link

We-new

instantShift - Single Page Website Design Inspiration

Website Link

Harrisonpensa

instantShift - Single Page Website Design Inspiration

Website Link

Jesselcampbell

instantShift - Single Page Website Design Inspiration

Website Link

Kisielki

instantShift - Single Page Website Design Inspiration

Website Link

Skidpasset

instantShift - Single Page Website Design Inspiration

Website Link

Cloudstud.io

instantShift - Single Page Website Design Inspiration

Website Link

Youandigraphics

instantShift - Single Page Website Design Inspiration

Website Link

Atentedaffair

instantShift - Single Page Website Design Inspiration

Website Link

Evoluxion

instantShift - Single Page Website Design Inspiration

Website Link

Bluebitbox

instantShift - Single Page Website Design Inspiration

Website Link

Startups

instantShift - Single Page Website Design Inspiration

Website Link

Grazsecrets

instantShift - Single Page Website Design Inspiration

Website Link

Dwd.co

instantShift - Single Page Website Design Inspiration

Website Link

Tobiasblumtritt

instantShift - Single Page Website Design Inspiration

Website Link

Lewisking

instantShift - Single Page Website Design Inspiration

Website Link

Gillesmanzato

instantShift - Single Page Website Design Inspiration

Website Link

Attackemart.in

instantShift - Single Page Website Design Inspiration

Website Link

Holidays.virb

instantShift - Single Page Website Design Inspiration

Website Link

Marlinjackson

instantShift - Single Page Website Design Inspiration

Website Link

Teamfactory

instantShift - Single Page Website Design Inspiration

Website Link

Hoynebrewing

instantShift - Single Page Website Design Inspiration

Website Link

Connaxis

instantShift - Single Page Website Design Inspiration

Website Link

Jonathlee

instantShift - Single Page Website Design Inspiration

Website Link

Drewvergara

instantShift - Single Page Website Design Inspiration

Website Link

Bradevansdesign

instantShift - Single Page Website Design Inspiration

Website Link

Colorfulvisuals

instantShift - Single Page Website Design Inspiration

Website Link

Stephensuess

instantShift - Single Page Website Design Inspiration

Website Link

Pasadena

instantShift - Single Page Website Design Inspiration

Website Link

Mpvolantinaggio

instantShift - Single Page Website Design Inspiration

Website Link

Citizencope

instantShift - Single Page Website Design Inspiration

Website Link

Gdevelopment

instantShift - Single Page Website Design Inspiration

Website Link

CSSrefresh

instantShift - Single Page Website Design Inspiration

Website Link

Icons4coffee

instantShift - Single Page Website Design Inspiration

Website Link

Jaradjohnson

instantShift - Single Page Website Design Inspiration

Website Link

Divstudio

instantShift - Single Page Website Design Inspiration

Website Link

Makearea

instantShift - Single Page Website Design Inspiration

Website Link

Resolutionim

instantShift - Single Page Website Design Inspiration

Website Link

Imperocharitybash

instantShift - Single Page Website Design Inspiration

Website Link

Barmybritain

instantShift - Single Page Website Design Inspiration

Website Link

Micons

instantShift - Single Page Website Design Inspiration

Website Link

Tonifisler

instantShift - Single Page Website Design Inspiration

Website Link

Pixelhubcreative

instantShift - Single Page Website Design Inspiration

Website Link

Kanishtha

instantShift - Single Page Website Design Inspiration

Website Link

Jonrundle

instantShift - Single Page Website Design Inspiration

Website Link

Valterbicudo

instantShift - Single Page Website Design Inspiration

Website Link

Find Something Missing?

While compiling this list, it’s always a possibility that we missed some other great single page resources. Feel free to share it with us.

Categorie:Web Design Tag: Commenti chiusi
06 gen

Focal Points In Design Layout

Why are magazines and books always laid out the same? Even with alternative design, there is a harmony in layout or the reader’s head will explode… or they will just stop reading and skip to the next page. Successful design in publishing, advertising, web design, illustration and anything else that ties together elements depends on drawing in the reader and leading their eyes across the page.

Focal Points In Design Layout

Some people think it’s not a big deal and that designing a page comes naturally because of cultural lessons we learn growing up and looking at design from childhood yet few, if any understand why it works the way it does. In most societies, we read left to right (we’ll cover the right to left and top to bottom societies later). Still sound simple? Just start on the left and it will all fall into place? Basically but the challenge is to make the reader look at elements in the right order or at least the order you want them to see.

A former illustration teacher of mine showed me a handy tool for identifying the main focus points on a page.

instantShift - Identifying the main focus points on a page

First, draw a horizontal line from the top left corner to the bottom right corner (reverse if designing for a country that reads right to left).

instantShift - Identifying the main focus points on a page

Next, draw a line from each other corner to join the previous horizontal line at a right angle. The point the lines join is the area of maximum attention. Try an experiment – take a famous painting and draw these lines upon it (no, not at a museum because you’ll be arrested). You’ll see how great art is done using this layout technique.

Now, take a magazine page and do the same. There’s no chance or arrest if you own the magazine. First, think of how the page is designed. Does it read well? Where does your eye go while you look at the page? Do you start feeling a bit anxious while looking at the page or excited? Now draw the lines and see where the elements fall.

Chances are, if nothing of importance falls in the areas of most importance, you were feeling anxious because your eye was fighting to look at the page and your brain was being confused as the layout was going against the flow. If the elements are laid out well, you felt excited as your eye was led across the page.

The Rules

I was never one to follow the rules but teachers and great artists have some memorable quotes on the subject. “Before you can break the rules, you have to know the rules” and “to create your own world you must first understand the real world.”

If you study the rule breakers, you can see they all had a basis of learning the real world, the basics and evolving from there. The rules are the basic understanding of layout, type, elements of color, illustration and photography and how the eye views them and the brain deciphers it all when put together.

What my teacher was trying to impart is called the “Z” pattern. It’s the pattern of reading (western cultures) for the strategic placement of important information. Start in the upper left corner, work across to the right and then back to the left again, going top to bottom. Standard and simple.

I have to laugh at the following inclusion of “layout design rules” I found on the web. I would include a link but I don’t want to embarrass the author. The principles are sound although outdated and I wouldn’t suggest following all of them unless you want to time travel back to 1950.

  • Use borders when you want to frame and draw attention to information (e.g., table of contents, calendars, special notes).
  • Allow the edges of text columns and artwork to create the illusion of borders.
  • Draw attention to boxes or images by using borders with a drop shadow.
  • Draw the reader’s attention to important elements by contrasting size (scale), color, and page position. Make sure the elements have a function that supports the content.
  • Use large, bold display type and/or graphics for the creation of focus. Use elements with visual weight, intensity, or color for focus.
  • Use a grid to help organize elements on the page. Make sure that the grid is flexible, but that the grid sections are not too small. Divide the page into four or five columns for most flexibility.
  • Use multiple columns to organize text and visuals into smaller (more easily read) blocks of information.
  • Divide text into two or three equal columns for best results on a standard page.
  • Use a single, wider column with a smaller column for pullout quotes and other types of supporting content.
  • If printing, make sure to accommodate for three-hole punch, or other bindery techniques by adding a little extra white space to the inside margin.

Well, those are simple rules and some carry over into what is needed today and in the future but with our consumer culture and so many great rule breakers in design these days, rules evolve.

One evolution in design was the “grid system.” According to Wikipedia:

After World War II, a number of graphic designers, including Max Bill, Emil Ruder, and Josef Müller-Brockmann, influenced by the modernist ideas of Jan Tschichold’s Die neue Typographie (The New Typography), began to question the relevance of the conventional page layout of the time. They began to devise a flexible system able to help designers achieve coherency in organizing the page. The result was the modern typographic grid that became associated with the International Typographic Style. The seminal work on the subject, Grid systems in graphic design by Müller-Brockmann, helped propagate the use of the grid, first in Europe, and later in North America.

By the mid 1970s instruction of the typographic grid as a part of graphic design curricula had become standard in Europe, North America and much of Latin America. The graphic style of the grid was adopted as a look for corporate communication. In the early 1980s, a reaction against the entrenchment of the grid, particularly its dogmatic use, and association with corporate culture, resulted in some designers rejecting its use in favor of more organic structure. The appearance of the Apple Macintosh computer, and the resulting transition away from type being set by typographers to designers setting type themselves resulted in a wave of experimentation, much of it contrary to the precepts of Tschichold and Müller-Brockmann. The typographic grid continues to be taught today, but more as a useful tool for some projects, not as a requirement or starting point for all page design.

Rule Breakers

If you haven’t heard of Josef Müller-Brockmann, then he is a must on your list of designers to study. Müller-Brockmann was more than just a man who sought to form what is now labeled the Swiss School; Constructivism, De Stijl, Suprematism and the Bauhaus, all of which pushed his designs in a new direction that opened doors for creative expressions in graphic design, influenced him. Among his peers he is probably the most easily recognized when looking at that period.

Müller-Brockmann was soon established as the leading practitioner and theorist of the Swiss Style, which sought a universal graphic expression through a grid-based design, purged of extraneous illustration and subjective feeling.

The grid was the prioritization and arrangement of typographic and pictorial elements with the meaningful use of color, set into a semblance of order, based on left-to-right, top-to-bottom. According to Wikipedia, the grid system is, “a two-dimensional structure made up of a series of intersecting vertical and horizontal axes used to structure content. The grid serves as an armature on which a designer can organize text and images in a rational, easy to absorb manner.”

Müller-Brockmann is recognized for his simple designs and his clean use of typography, notably Akzidenz-Grotesk, shapes and colors, which inspires many graphic designers in the 21st century. As with the French posters in the 1890s, Müller-Brockmann and his peers also attempted to attract customers and sell products with bold, simplicity. The posters that served to attract an audience to events, especially music events and museum exhibitions embraced the abstract geometrical shapes the style is noted for; but it is the public service announcement posters from this time period that have been more noted than in many other periods of design. The simple, clean and graphic messages were, as with the music event posters, able to be understood by viewers with different languages.

instantShift - Focal Points In Design Layout

instantShift - Focal Points In Design Layout

Ed Fella, a contemporary designer, is a real rule breaker when it comes to both layout and design, yet he still pays strict attention to how the eye and brain views the page. Just looking at his work, one would think that he’s a lunatic. He forces contradiction yet still plays to the grid. Not because it’s there but because it serves his purpose to help pull the eye all over the place and still make pleasing, readable design. There is chaos and balance, existing side-by-side like identical Siamese twins – one good and the other evil.

instantShift - Focal Points In Design Layout

instantShift - Focal Points In Design Layout

Fella referred to his work as stylistically “getting it wrong.” His work is raw and obsessive. It has power and spontaneity. Born from the knowledge of layout, typography, design and theory, he seems to have ended up getting it very, very right. He has inspiring words every designer should read:

I am interested in graphic design as art,” he says. “This is a kind of art practice that uses forms that come out of graphic design, decorative illustration, and lettering, all mixed together-forms that come out of Twentieth Century art, out of Miró and Picasso — all of it has a genealogy and a certain look — in the same way that artists today use comic books and graphic novels. I was an illustrator, so you see endless styles popping in and out of the books. The drawings are an unconscious discharge of all the styles and forms that I used as a commercial artist for 30 years — that was my profession — I did it every single day. So, my unconscious has all this stuff in it, and now, because I don’t have to make meaning anymore, I can just use the techniques, like a machine that has long ago stopped making widgets, but the machine is still running. I’m still making stuff. I love the craft of it — of carefully making some little thing.

Force Rule Breaking

Committees can be impossible and usually clients know what they want – when they see it, of course. When freelancing, it is smart to show the kind of work YOU want to do. Many illustrators I know call this the “red apple syndrome,” meaning a client who needs an image of a red apple will look through a thousand images until they see a red apple drawn by an illustrator and hire them. You can render a yellow or green apple? Too bad! Show me a red apple.

It seems silly but too many creatives know it to be true. “Can you design a financial web site? I only see samples of non-financial sites!” YIKES! People cannot understand design talent so you might as well show them what you like to design.

Paul Rand, famous designer and rule breaker did this in a roundabout way. Mr. Rand, as a young designer, accepted a request to design the covers of a small but notable publication in the late 1930s and early 1940s. While the best advice to designers is to never work for free, there are some exceptions. Mr. Rand accepted but demanded full creative freedom and got it. When someone asks you for free work, they really don’t have much of a choice, do they?

instantShift - Focal Points In Design Layout

instantShift - Focal Points In Design Layout

Rand’s gamble paid off. His work for Direction caught the right people’s eyes. Success led to other successes. After being hired to design the page layout for an Apparel Arts magazine anniversary issue, an offer to take over as art director for the Esquire-Coronet magazines came his way. Initially, Rand refused this offer, claiming that he was not yet at the level the job required, but a year later he decided to accept it, taking over responsibility for Esquire’s fashion pages at the young age of twenty-three.

Breaking Broken Rules

The unfortunate thing about design is that we, as designers, are often ruled over by those who do not understand evolving design, breaking rules, table manners or snappy dressing. There is little one can do when facing “design-by-committee” or a boss who is a fan of magazines from 1885.

While working as an art director for a well-known magazine, the associate publisher, who was my direct report and a man who fancied himself a designer, decided the magazine’s design needed help. A proponent of a strict grid system, he announced new rules that only squares and rectangles could be used in layouts (he actually said “yummy squares and delicious rectangles, not yucky circles and disgusting ovals”). He then insisted we use a “modern-looking font” like Helvetica – just Helvetica – for all headlines and body copy. Just to make sure we got the message that he was the boss and we were his flunkies to fire at will, he set weekly “design meetings” and insisted we bring in examples of what we thought was “updated, good design.”

Naturally, being professional designers, we scoured the pages of every hip-hop and grunge magazine we could for the exact opposite of what he wanted to see. The screaming and yelling that ensued was fascinating to watch. He insisted we have an “MTV look” but only could imagine the Saturday Evening Post from 1943. It took about three weeks for him to give up and focus on bothering the editors for better writing and we were able to keep what would have been a subscription suicide for the magazine from happening.

Still, it’s not that easy in most cases. As far as designers are concerned, the fear of going too far with a design, anticipating rejection, is what separates seasoned professionals from lack of experience rookies and those rookies from the completely oblivious. We need not add to our inability to evolve design – there is too much outside pressure for that already!

A wise and experienced designer once told me that huge pushes for innovation in process and design would never be accepted at the company for which we both worked. He imparted that innovation had to be used in designing each and every day, taking it a bit further each time. He was right. In baby steps, I would introduce some little innovation, some evolution with each piece I designed, making sure those around me felt they were part of the process so they could feel involved and empowered – basically getting the credit for the innovation as well.

It took research – showing some examples with supporting details and, using the ever-popular system shown at the beginning of this article. People tend to understand element placement when you use such a demonstration. It quantifies a rule they don’t want to break. Show concern for the final product and involve the team with excitement over their ideas and how to incorporate it all into the design and you will find more leeway in committees and with clients. Sometimes sticking to the rules of others allows you to break rules they don’t know or can’t see.

Categorie:Senza categoria Tag: Commenti chiusi
13 dic

Uncharitable Charitable Design

Like many people, I always say, “Never work for free.” Like many people, I break that rule when it comes to a good cause or meeting women. So far, I’ve only been screwed… by the good causes, that is.

Uncharitable Charitable Design

This winter, I spent three days working for a nationwide charitable initiative called “Give Camp.” A very noble effort with some of the most talented people in town but there was a dark side – the clients. The charity identified several local organizations that needed their web sites redesigned and some applications for things like tracking volunteers and donations. We split into teams and for three days, designed, coded, and ate wonderfully bad food while putting our best efforts into helping a good cause.

On the final day, we showed the work to representatives of the organizations and were proud to hear the “ooos” and “aaahs,” not only from those people but also from the members of the other teams. We left; elated at the good we had done and the people these sites and apps would help.

After a few weeks, I decided to check into the site I had helped redesign. It hadn’t been uploaded. I wrote to the man who put together the weekend and he responded that he would check into it. No response. I wrote again a few months later and said I needed to know why it wasn’t used so I could finish my article on how other people around the world could organize or volunteer for Give Camp. He never responded.

I guess, while the representative of the organization oooed and aaahed, the rest of the board of directors booed and blahed. So, stay with your crappy site with horrid navigation, wasted space and misplaced menus. Still, it was fun and good karma doing it!

It’s not the first time I’ve walked away frustrated by a pro bono design job. It seems I get pro bonoed most of the time. Good causes and, unfortunately, bad people behind them.

Is There A Bright Side?

Despite my experiences, there have been some very rewarding charitable experiences. Most have been on the side of volunteering for design organizations where I was in control of design pieces done for flyers, posters and invitations. Years with organizations like the Graphic Artists Guild, The Society of Illustrators and AIGA gave me ties to some great professionals, learning tools I could not have gotten elsewhere and lasting relationships with people in my field. It also put my name out there, so much so, people knew me before they knew my work.

instantShift - Uncharitable Charitable Design

Volunteering for a creative organization helps not just you but also the industry and that’s invaluable. Working for rights, laws and elevating those around you for a stronger creative front is something that will bring little thanks from others but it is very self-satisfying. The thanks are when you get higher rates and enjoy the protection of a united front made up of all creatives. Creative organizations are imperative to our success and volunteers must run them. Aside from a lot of sacrifice of one’s time and hard work, the parties are incredible!

When you work for a professional organization you will create a network of some of the strongest people in your field. The spectrum runs from up and comers to top established practitioners. Networking is important for any business so you can’t beat the fast track to having your name out in the eye of the industry, as it will also reach those who do the hiring.

There’s also an education you won’t receive in art school. Serving on several committees, I found that learning by keeping my mouth shut and ears open, which has never been my strong point, was an accelerated learning process one would have to learn by screwing up royally in one’s own business. While serving on a professional practices committee, I was able to learn through other people’s mistakes and hear the information the organization’s attorney had for these cases. It wasn’t long before I was asked to appear in court as an expert witness for business practices.

The dark side of working for these organizations is that the board of directors are usually split among those eager to help the industry or cause and those who have no power in their own lives and have the time and desire to volunteer for a power position over others. It can be aggravating and, in my experience, it has led to power-struggles that have an entire board turn over every couple of years as those interested in selfless helping get tired of fighting those who want to keep the status quo… and their power.

So, my advice is that you can’t fight those who want to cling to power so badly their very being lay in the balance. It’s another good lesson – stay out of people politics. It is something you will run into in every job, freelance assignment… and basically everything, every day, everywhere. Just put in a few years and count yourself as lucky you survived with your sanity and enjoy the warm feeling of having done something good.

A Good Lesson In Pro Bono work.

If you haven’t heard of Paul Rand, you need to read his story and familiarize yourself with his work. He struggled to enter the creative field and due to his pro bono work, he was launched into the limelight and at age 23, became the art director of Esquire magazine.

Mr. Rand did cover designs for Direction magazine. It was a small cultural publication but the cover designs caught the eye of some impressive names and it gave him a strong portfolio that led him to bigger and better. The deal was as it should be with free work – he designed it for free but had total creative control.

Gaining total creative control was probably much easier in Mr. Rand’s time. Many people complain that once the personal computer entered the creative field and eventually every home around the globe, people all of the sudden “got creative abilities.” With layout and photo-editing programs given away with every computer purchase, the ability to make a garage sale flyer entitled the masses to the feeling they were “designers.”

When asking for free work, as the saying goes, “beggars can’t be choosers.” Remember that when you are asked to give up a fee for your efforts. If that isn’t acceptable to those who feel you don’t deserve a penny, rupee, euro, quid or sheckle, then they won’t respect your work or you. So why do it? When they say, “I could do it myself,” tell them to do it. They will have several reasons why they really want you to do it.

I have often written or told students that one doesn’t need to give away work to have a professional portfolio that will impress. Most art directors want to see your design thought and process and how you execute problem solving. I’ve suggested taking a published piece or web site and redesigning it (making sure you are not showing the redesign to the person who designed it in the first place) to show your design thought and process. It’s just like a tutorial on a web site. Show the steps in how it all came together. That is all you need to impress another creative.

The lesson of having published and live work is when you have to impress non-creatives. Many people will only give you credibility if you have proved yourself elsewhere… they just don’t need to know that you didn’t get paid! Like Mr. Rand, a bevy of magazine covers can do wonders, as can some flyers, logos and web sites.

Your uncle wants a logo for his business? Treat him like a client. Tell him he needs a brand with all the material any professional business has. Create a logo, stationery, web site, Twitter page, Facebook page, etc. Don’t let him argue. You are in control because HE needs YOU! The first thing is to let him know that YOU are the creative and he will take what you give him. What will he do if he wants to control the output or play “art director?” Will he argue that it will “give you good experience in dealing with clients?” Sure he will, but you are in charge… when there’s no charge. The worst that can happen is he complains to your parents.

I volunteer my time for the Dad’s Club at my kids’ school and when they found out that I’m a designer, the requests started coming in for flyer design. I did it for several reasons. Firstly, because I get complete creative control, which is fun and it helps out our initiatives for the students, which are our kids. Second, because my kids are proud their dad did these “cool” posters and such. Third, because my business link is on everything I create and it’s made for some interesting connections.

Schools certainly deserve free work and most of the time, if I… er, I mean everyone restrains my… er, I mean everyone’s weird sense of humor, total creative control is not a problem. An old friend of mine is a very talented and award winning videographer and designer. He volunteered to design the yearbook for his daughter’s school but one of the mothers on the committee was a monster and wanted to play art director. Naturally he refused and she did all she could to derail all of his design decisions. Luckily, he loves a good creative fight with a moron (which reminds me of our days in art school and an incident where we planned hitting a teacher in the face with a lemon pie, as if we were planning the raid on Entebbe… but I digress) and he had no trouble having his designs grace the front and back cover of the yearbook. Sometimes a little struggle is the juice of life!

Where Are The Best Free Projects?

instantShift - Uncharitable Charitable Design

There’s always lot’s of free work to be done. Even on sites like eLance or oDesk, people ask for low fees, so why not agree to a low fee but all creative control? The worst that can happen is they refuse.

If you have kids, volunteer to do some work for their school. A few hundred parents will see the flyers, posters, T-shirts, etc. and there’s a good chance some of them will need your talent. If you don’t have kids… adopt some and send them to school. Send them to several and double or triple your chances to have your work seen!

Do you have a favorite pub or restaurant where they know you? Complain their menu is crappy or they need a web site and tell them you’ll do it in exchange for some food or drinks. If they don’t see the problem with their bad design, point it out and ask other customers to comment on the black type on a dark red background or if they would like to see the menu or specials on the web site… if there is one!

Sometimes it’s best to do the work first and offer it to someone. Show them what you can do with the red menu with black type. Show them what a web site looks like without prancing glitter unicorn gifs. Show them what their ad COULD look like. The work is done and all they have to do is say, “okay!”

They might have no money to pay you, so either say; “you owe me one” or “pay me when you can.”

You can also ask for some copies of piece when they are printed or a link to your own web site. Consider the pro bono work free advertising for your own services!

“Never Work For Free!”

Don’t confuse the ever repeated, “never work for free” statement with pro bono or furthering your own career through well thought-out self-interest. Only you can decide what’s best for you.

instantShift - Uncharitable Charitable Design

Also, don’t confuse pro bono for a charity or non-profit organization with free work for a startup or small business (even a friend or relative aren’t charities… which will make it “bro’ bono”). You will run into the usual promises from business people who want to pay little or none: “plenty of money later,” “a great opportunity” or “I’ll remember you when my business gets going.”

You can agree to do it under those promises, which no one I know has ever seen come true, or you can attach the agreement that you have complete control and add a link to your web site. Again, free advertising can be a good trade-off for earned income that can be taxed.

In the end, there are those who can pay but won’t and there are those who can’t pay and need help. There are businesses that are just cheap and there are charities that have nothing. With businesses, you can make your own demands. They may want to keep searching until they find slave labor. With charities, they have few to little options.

It stands to be mentioned that pro bono work is a tricky thing if you deduct it as a “charitable donation” on your taxes, if your government allows such deductions, of course. In America, the Internal Revenue Service does not recognize giving one’s time as a monetary service. Artists, for example, can deduct the paint and canvas for a painting they donate to a charity nut if someone were to buy the same painting, let it rise in value and THEN donate it to charity, THEY can deduct the full market value from their taxes. Well, we didn’t get into the creative field for the money, right?

Even though I did mention trading work for advertising in a previous paragraph, ideally it is income and should be declared on one’s tax return. The costs of advertising, however, due to the fact that you are not paying for it, can be a bit tricky. I suggest a professional accountant for all the facts and obligations involved with free and pro bono work. If you’re lucky, you can trade design services for the tax preparation!

As I pointed out in my opening rant, it’s not a happy playground all of the time. Unfortunately, Give Camp didn’t bother to make certain demands of the clients chosen. That was a big mistake and they will have fewer volunteers next year. There are charities that will continue to make ridiculous demands after the work is complete. In those cases, you are free to walk away. The important thing to remember is that YOU are in control of your generosity. When demands are made with which you don’t feel comfortable, you are not losing a client. Just say, “I can’t do that!”

If you are challenged, then don’t do it. It’s an empowering feeling when you walk away and you’ll be helping the charity after all – you’re helping them learn to appreciate volunteers.

Image Credits

Categorie:Senza categoria Tag: Commenti chiusi
09 dic

70+ Fresh and Creative Single Page Website Designs

As you’ve already seen in our previous posts about Single Page Website Designs that showcasing your work in single page design is a hot trend now days. It’s kind of ironic to see what designers can do with single pages as modern age designers love to experiment with things and observe how people interact with their work. Even though this is not a common trend to follow but still as the new design styles come up, and as more and more designers notice them and make use of them in their work, this kind of trends emerge.

In this presentation, you’ll find a variety of highly-creative, beautiful and most importantly inspirational designs which is following the same trend of single page designs.


The main purpose here is to stimulate your creativity and to inspire your imagination to create your own design trend because your website represents you and your brand.

Don’t forget to Subscribe to our RSS-feed subscribe to our RSS-feed and Follow us on Twitter follow us on Twitter — for recent updates.


Single Page Website Designs for Design Inspiration

Throughout history, great artists always found new ways to show their creativity to express themselves and create new trends and techniques to remark their work apart from the rest of the crowd. The Definition of design is more critical in modern terms as now design is a way of communication; and, more specifically, Web design is a well define platform for content. There is no “Good” and “Bad” in design. It always define as a “Different”.

Jlern

instantShift - Single Page Website Design Inspiration

Official Link

Greenroomretail

instantShift - Single Page Website Design Inspiration

Official Link

Mattbrothers

instantShift - Single Page Website Design Inspiration

Official Link

Logotime

instantShift - Single Page Website Design Inspiration

Official Link

Imga.me

instantShift - Single Page Website Design Inspiration

Official Link

Arsnavis

instantShift - Single Page Website Design Inspiration

Official Link

Codeslingerschallenge

instantShift - Single Page Website Design Inspiration

Official Link

Fleava

instantShift - Single Page Website Design Inspiration

Official Link

Versions

instantShift - Single Page Website Design Inspiration

Official Link

Markheggan

instantShift - Single Page Website Design Inspiration

Official Link

Soulwire

instantShift - Single Page Website Design Inspiration

Official Link

Lizeaccoe

instantShift - Single Page Website Design Inspiration

Official Link

Pickupamerica

instantShift - Single Page Website Design Inspiration

Official Link

Pixelbaecker

instantShift - Single Page Website Design Inspiration

Official Link

Rouxatparliamentsquare

instantShift - Single Page Website Design Inspiration

Official Link

Destacarse

instantShift - Single Page Website Design Inspiration

Official Link

Rareview

instantShift - Single Page Website Design Inspiration

Official Link

Singlepagewebsite

instantShift - Single Page Website Design Inspiration

Official Link

Brandonhawthorne

instantShift - Single Page Website Design Inspiration

Official Link

Readywhenyouare

instantShift - Single Page Website Design Inspiration

Official Link

Olliebarker

instantShift - Single Page Website Design Inspiration

Official Link

Carterdigital

instantShift - Single Page Website Design Inspiration

Official Link

Latelierdelamenuisiere

instantShift - Single Page Website Design Inspiration

Official Link

Jessica-neitzel

instantShift - Single Page Website Design Inspiration

Official Link

Vudoo

instantShift - Single Page Website Design Inspiration

Official Link

Benmarkowitz

instantShift - Single Page Website Design Inspiration

Official Link

Hatbox

instantShift - Single Page Website Design Inspiration

Official Link

Johanreinhold

instantShift - Single Page Website Design Inspiration

Official Link

Dan123

instantShift - Single Page Website Design Inspiration

Official Link

Nexus

instantShift - Single Page Website Design Inspiration

Official Link

Leganddary

instantShift - Single Page Website Design Inspiration

Official Link

Bakkenbaeck

instantShift - Single Page Website Design Inspiration

Official Link

Sarbakan

instantShift - Single Page Website Design Inspiration

Official Link

Majkol

instantShift - Single Page Website Design Inspiration

Official Link

Abdoc

instantShift - Single Page Website Design Inspiration

Official Link

Redux

instantShift - Single Page Website Design Inspiration

Official Link

Elementcreative

instantShift - Single Page Website Design Inspiration

Official Link

Meacuppa

instantShift - Single Page Website Design Inspiration

Official Link

Logokoen

instantShift - Single Page Website Design Inspiration

Official Link

Subplot

instantShift - Single Page Website Design Inspiration

Official Link

Ethosdigital

instantShift - Single Page Website Design Inspiration

Official Link

Mo.8vodesigns

instantShift - Single Page Website Design Inspiration

Official Link

Losmorochos

instantShift - Single Page Website Design Inspiration

Official Link

Villainhq

instantShift - Single Page Website Design Inspiration

Official Link

Bloom-design

instantShift - Single Page Website Design Inspiration

Official Link

Jwilouvres

instantShift - Single Page Website Design Inspiration

Official Link

Charlestonrestaurant

instantShift - Single Page Website Design Inspiration

Official Link

Infectmedia

instantShift - Single Page Website Design Inspiration

Official Link

Mattshwery

instantShift - Single Page Website Design Inspiration

Official Link

Kalendiar

instantShift - Single Page Website Design Inspiration

Official Link

Cheesesurvivalkit

instantShift - Single Page Website Design Inspiration

Official Link

Komastudio

instantShift - Single Page Website Design Inspiration

Official Link

Mancagracar

instantShift - Single Page Website Design Inspiration

Official Link

Luxetapastafel

instantShift - Single Page Website Design Inspiration

Official Link

Visualkultura

instantShift - Single Page Website Design Inspiration

Official Link

Kccreepfest

instantShift - Single Page Website Design Inspiration

Official Link

Tiagojose

instantShift - Single Page Website Design Inspiration

Official Link

Fitvidsjs

instantShift - Single Page Website Design Inspiration

Official Link

Luciddesignconcepts

instantShift - Single Page Website Design Inspiration

Official Link

Fandangomediagroup

instantShift - Single Page Website Design Inspiration

Official Link

Aprilzero

instantShift - Single Page Website Design Inspiration

Official Link

Ablebots

instantShift - Single Page Website Design Inspiration

Official Link

Ba-sm

instantShift - Single Page Website Design Inspiration

Official Link

Nadineweiberg

instantShift - Single Page Website Design Inspiration

Official Link


Find Something Missing?

While compiling this list, it’s always a possibility that we missed some other great single page resources. Feel free to share it with us.

Categorie:Web Design Tag: Commenti chiusi