1. DIY Design Workshop
23rd July 2012

2. Don’t wait for everything to be perfect…
Go for it now!
The internet, e-commerce, retail… it’s all dynamic and very social. Release your
ideas, products, websites, new logo… on the world. Get the word out there, get
people talking about you, get into the conversation, market and advertise what
you do have ready. Don’t wait.. Go for it now!

3. What is DIY design?
Design is the ‘art’ that people use. From the house you live in to the clothes
you wear, to the magazines you read, every human-made object has been
designed. Graphic design is a particular area of design practice.
Do it yourself (DIY) is a term used to describe designing, building, modifying,
or repairing of something without the aid of experts or professionals. There are
lots of options available online!

4. Why DIY design?
• To save money
• To save time
• To customize goods to suit your exact needs and interests
• To feel less dependent on the professionals
• Also to make a good brief for professionals
• For pleasure that comes from developing an idea, making it visually real, and
sharing it with other people.

5. What are the
Disadvantages?
• You are on your own in terms of creativity!
• The DIY softwares and websites are user friendly, but you still need some
kind of guidance....like this workshop!
• DIY design may not be your final design, maybe just a start, so sooner or later
you have to get professional help.

6. DIY logo design
As a business owner, it’s important to understand that your logo is your
customer’s first real impression of who you are. Be sure to have a logo
that represents the essence of your company, the approachability of who
you are and a general concept of what you do.

7. Types of
logos:
1. Typographic logos:
Mostly, a Typographic logo is used to advertise the brand name of an organization.
But, to use this kind of logo, your company name should be short as well as
meaningful. In many cases, the designer will alter a typeface to fit the look the
company wants or they may combine typefaces to create another feeling.
For example the FedEx logo strategically altered the typeface to create a forward
moving arrow between the E and x.

8. 2. Lock-up logos (or Marks):
These are logotypes that use a
combination of a graphic (be it an
image or some other graphic) and
the typographic representation of
the company.
They are recognized both as a lock-up and separately by each individual piece.
When a brand with a lock-up logo becomes successful, they can easily use just their
image without NEEDING the adjoining type spelling out the name.
… but because of their
wonderful marketing and
recognizable graphic,
you also understand this
to be the same company
This information is gathered from:
http://4thleafstudio.wordpress.com/2010/10/19/gs-logo-identity-brand-part-2-
logo/

9. Points to be considered before going for a
DIY identity:
1. Your Logo should be Simple :
simple readable font, simple graphics.
For free graphics: http://www.openclipart.org/
2. Must be Relevant to Your Business
From color scheme to graphics it has to be relevant. For example, if your business is about
technology and if you will use Serif font for the logo, it will look unnecessarily formal. (For
more details: http://www.esperfonto.com/)
3. Resizable Image
Should not get pixelated while resizing
(for more details: https://www.saltprint.com.au/stationery_diy.php)
4. Readable in all sizes
Business card, letterhead to giant banners the logo should be compact and readable. On
any
media it should not be smaller than 1.5 inches in width.
More points on next slide

10. 5. Should go on any background
The colored logo should be visible on light as well as dark backgrounds. If needed give it
outer glow , shadow ,outline or background color to stand out from any kind of background.
6. Printable
It should be in minimum colors (not mor than 3 colors)
You can design 4 color logo (CMYK), but it then you have to design that same logo in black &
white or one color option too. Because for some print medias CMYK printing can be very
expensive.
For more details about RGB and CMYK: YouTube link: Presscat.com

11. Available DIY online resources

12. There are some logo design software available online which we can buy. These
are kind of CorelDraw, Adobe illustrator, but more user friendly and specially
made for the logo making.
Top 7 logo design software:
PagePlus
LogoMaker
AAA logo
Logo Design Studio
Quick Logo Designer
LogoSmartz
Company Logo Designer
Here is link of the reviews for these software:
http://logo-design-software-review.toptenreviews.com/
For free cliparts:
http://openclipart.org/
Information gathered from
www.toptenreviews.com

13. Some DIY logo design websites
Website builder sites User-friendly? Free/Paid?
www.logoyes.com Yes Free and paid versions
www.logosnap.com Yes Paid design packages
www.logoease.com Yes Free
www.logosmaker.com Yes Free and paid versions

14. Just five quick steps and you're done with your logo:
2) Choose an image (look),
3) Find your industry,
4) Select a symbol,
5) Add your company name, and
6) Create a layout with color. Create a matching business card design in just 2
additional, easy steps – the process is seamless. You pay only if you want high-
resolution files of your logo and/or business card design.
YouTube link: logoyes
To see a review: http://www.clickfire.com/logoyes-
review/
Payment:
You can create as many logos as you want – the process is totally free! If you
create a logo you love, it costs just $69 to download the high-resolution logo files.

15. Logo Ease provides a functional, simple to use interface for beginning to
advanced users who want to create a variety of business designs. Once
you’ve created your masterpiece logo you will receive electronic files for both
web and print use including the vector source files. Simple, quick, and best of
all - free!
Standout Features:
Simple interface
Quick registration gets you started fast
Multiple output files for all printing and web needs
Completely free to use, no purchase necessary
YouTube link: Free logo maker - logo ease
To read online review:
http://online-logo-design-review.toptenreviews.com/logo-ease-review.html

16. Logo? website? Whatever design you need, they have got it!
LogoSnap also offers Design Packages, which can save you time and money. If you
need to run several contests, you will only pay the listing and upgrades fees once!
Step 1: Start a Project
Step 2: Name Your Own Price!
Step 3: Fill Out Your Creative Brief
Step 4: Give Feedback to the Designers
Step 5: Choose Your Winning Design and receive the final files
They have 4 paid Design Packages :
logo design + stationary--------------------------------------------------------------$274
Logo + Stationery + Complete Web Design Solution-------------------------$974
Logo + Stationery+ Brochure -------------------------------------------------------$473!
Logo + Stationery + Complete Web Design Solution + Brochure----------$1173
YouTube link: LogoSnap has upgraded
To read online review:
http://www.clickfire.com/logosnap-review/

17. LogoMaker.com is a site that allows entrepreneurs to make their own company
logos.
You can put them on hats, t-shirts or whatever you want to put them on. At the site
you will be able to find a section where you can check out the most simple logos
and another one that will show you how this all works. if you decide to make your
logo all you need to do is enter to the start your logo section there a list of industries
will be displayed so you can select the area of work in order to create the perfect
logo.
YouTube link: Tutorial: Make a free logo for your website online
To read a review:
http://www.clickfire.com/logomaker-review/
Payment:
As per the review: you have to buy your own logo for $49 once you’re done
designing it.

18. Custom logo design sites
There are some custom logo design sites available. In these websites they have their
own team of designers who works for your project. You can buy their design packages
or create a contest, where you can give a design brief of your project or business and
based on that brief the whole team comes up with 50-100 different design options.
logoyes.com, LogoSnap.com and logoMaker.com has custom logo design options too.
Following are some other custom logo design online options:
www.logobee.com
www.99designs.com
www.logonerds.com
www.LogoDesignPros.com
Payment:
The packages (logo + stationary) cost starts from $40 to $900 approx.

19. DIY logo design assignment
How about actually designing a logo and try to use one of the DIY logo maker website?
Let's try www.logoyes.com
We can watch the video link first...so you will get familiar with how it works?
Then open the site and start design the logo step by step!
YouTube link: logoyes
Time – 15 mins

20. Evaluate your logo design
No Items Points systems for each
evaluation criteria
Simplicity : Simple readable font, simple
1 graphics
2 Relevance: Color scheme to graphics
Grade yourself from 1 to 10
Resizable Image: Should not get pixilated while
3 resizing 10 being the nearest you
have reached for each
criteria
4 Readable: Easy to read on all medias
1 being the farthest
5 Easy placement on any background
6 Printable: Maximum 3 colors

21. Your results
Between 1 to 15 points Poor
Go back to the board!
Between 15 to 30 points Ok
Could be developed
Between 30 to 45 points Good
You can work with this
Between 45 to 60 points The best
Finalize this!

22. DIY stationary design
Stationery design is best suited for envelopes, writing pads, brochures and
visiting cards. Usually, stationery designs are available as multi-graphic
designs that help to reinforce your brand and make you popular. In other
words, they act as your promotional campaign; the better your stationery
designs, more chances you stand of attracting a large number of customers.

23. Types of Stationary:
Basic stationary
Business card, Letterhead, Envelope

24. Points to be considered before going for a
DIY Stationary Design :
1. Stationary design should be a adaptation of your logo design
The color scheme should be relevant to your logo. You can use some graphic forms as a
background or additional design elements. These graphic forms should be well
balanced to the logo and the whole space.
2. All stationary items should look as a one group
Business cards, Letterheads, Envelopes design elements should look as a one group.
(For example go to the earlier slide)
3. Logo must be readable on every stationary item
Logo size can be similar on the Letterhead and the Envelope. On Business card logo size
can be different as per it's layout.
4. Printable
It is same as a logo design.
For more details: https://www.saltprint.com.au/stationery_diy.php

25. Available DIY online resources

26. There are some easy ways to create a letterhead, envelope and business card
design. Once your logo is designed, you have your business color scheme and
graphics to use them as a background or supporting design component. You
just need a good layout!
For that we have lot's of online options as free design templates. You can
download these templates as a Microsoft word document (DOC) and edit in the
Microsoft word. Even Microsoft word has it's own website with free templates:
http://office.microsoft.com/en-us/templates/?CTT=97
Here is hp link:
http://www.hp.com/hho/smb_hp_create/stationery_envelopes-letterhead.html
Some free business card design templets sites:
http://www.free-business-card-templates.com/
http://www.businesscardland.com/home/create-business-cards.html
http://www.freeprintablebusinesscards.net/showcover/usa
For more guidance for DIY business card design, here are some good links:
http://www.squidoo.com/biz-card-how-to
http://31experiment.blogspot.com/2009/04/diy-bisiness-cards.html
Some free letterhead design templets sites:
http://www.freeprintablestationery.net/
http://www.freeletterheadtemplates.net/

27. There are some online DIY stationary design sites. Where they have templates
that you can edit online and then print. They are not completely free but if you
can get good templates from these websites which you can get in other formats
than just doc. Files...such as PSD (Photoshop), AI (Adobe Illustrator), Microsoft
PowerPoint etc.
Here are some links:
http://www.marketsplash.com/res/stationery-how-it-works-DIY.html
https://www.saltprint.com.au/businesscards_diy.php

28. DIY Corporate Stationary Design assignment
Let's try downloading some templates for a Business card from
https://www.saltprint.com.au/stationery_diy.php
We can download in different programs like Adobe Photoshop, Adobe
Illustrator, Microsoft Word etc. Or We can simply try in Microsoft Word
where all templates are already there!
Essential Contact Information for designing a
stationary:
Your name or business
Name (or both)
Phone Numbers
Emails
Website for online business
physical address of offline business, both if necessary.
Time: 10 mins

29. Evaluate your Stationary
No Items Points systems for each
evaluation criteria
Stationary design should be a adaptation
1 of your logo design
All stationary items ( Business card, Grade yourself from 1 to 10
2 Letterhead, Envelop) should be look as a
one group 10 being the nearest you
Logo must be readable on every have reached for each
3 stationary item criteria
All essential contact information should 1 being the farthest
4 be there on every stationary item
5 Printable: Ideally not more than 3 colors

30. Your results
Between 1 to 15 points Poor
Go back to the board!
Between 15 to 30 points Ok
Could be developed!
Between 30 to 40 points Good
You can work with this
Between 40 to 50 points The best
Finalize this!

31. DIY Website
designs for
‘Coming soon’ or
‘landing pages’

32. Types of Websites
Flash based websites
“Flash” is a webpage coding application that gives sites a slick, dynamic look and,
typically, a seamless user experience. They typically contain all information on one
URL address (the company’s homepage) or in a pop-up window after the
homepage has loaded.
HTML websites
“HTML” is the original webpage programming language developed by Tim Berners-
Lee (the REAL inventor of the Internet) in the 1980′s that is still the backbone of most
content on the web today. Its defining characteristics are what’s called “aliased” text
(the kind you’re reading right now–hard edged letters with no blending), fast
download speed, and, compared to flash, a more serial user experience that involves
clicking links to get from page to page.
Information gathered from:
For more information on which is the best website for your business:
http://www.davidmihm.com/blog/smbiz/flash-vs-html-based-websites-which-is-best-for-your-business/

33. Points to be considered before going for a
DIY Website Home / Landing page Design :
Your Business Logo, Suitable background (color/ texture/ images)
Small introduction about your company. (in just 3-4 lines/ your
baseline/vision- mission)
Contact links – Contact form, email address, Telephone (optional),
google map
Social network links - Facebook / Twitter / Google+
Build your database- eg: Subscribe to your newsletters, Facebook or
Google+ like buttons
SEO (Search Engine Optimization) – Title of your website, Input key
words describing your business and relevant to the same

34. Available DIY online resources

35. Some Website builder
websites
Website builder sites User-friendly? Free/Paid?
www.wix.com Yes Free and paid versions
Free, some features are
www.weebly.com Yes
paid
www.moonfruit.com Yes Free and paid versions
www.killersites.com Yes paid versions

36. Wix:
Primarily a Flash-based app, Wix allows users to drag and drop content into their
site freestyle, meaning that there’s no template in sight. Basic service is free,
with hosting and a sub-domain (under wix.com) features advertising. A premium
service start from $9.90/month features no ads, and provides hosting. Now also
offering a basic HTML website builder!
Wix Products Knowledge Base
Free Website Templates Learn how to design + promote a website.
Website Builder
Free Facebook Pages Wix Blog
Premium Upgrades How To
Learning Center
Wix Services
Solutions for your website building needs. Resources
Website Builder Tips + Help
Pro Designers Directory
WixPromote 2 Min Demo
The Wix Store Wix Support
Affiliate Program Answers Forum
Video Tutorials
Wix Webinars

37. Weebly’s simplicity allows users with almost no tech skills to form a website or
personal page using a template. Moreover, says Weebly co-creator Dan Velti, it does
not use Flash, thus making it easier for search engines attempting to index and rank
the site. The app offers free domain hosting; its pro account at $3.99/month offers
password protection, larger file size uploads, and an embedded audio player.
It's free but... (as per their terms and
Drag & drop website builder conditions)
Some of the features on the Service require payment of
Free domain hosting fees. If you elect to sign up for these features, you shall
pay all applicable fees, as described on the Service in
100s of professional themes connection with such features selected by you. We
reserve the right to change our prices and at any time.
Easy blogging You authorize us. to make any reasonably necessary
inquiries to validate your account and financial
information.
Multimedia features
All fees are exclusive of all taxes, levies, or duties
iPhone app available imposed by taxing authorities, and you shall be
responsible for payment thereof. You agree to pay for
No forced advertising any taxes that might be applicable to your use of the
Service and payments you make to us.

38. Moonfruit.com
Moonfruit software automatically creates a mobile optimised version of your site, and
it can push your entire shop into Facebook with just a few clicks. Moonfruit has an
enormous library of backgrounds, images, templates and animations to choose from
so you have complete control over the look and feel of your website.
Set up shop option
The Moonfruit ShopBuilder automatically publishes your shop onto web, mobile and
into Facebook. You only have to set-up your shop once. It offers a mobile optimised
checkout for phone shoppers integrated with PayPal. It allows you to push your
products into your Facebook and Twitter stream. It allows your customers to 'like' and
'tweet' their browsing and buying habits. It can be designed and published by you,
like every other Moonfruit tool. It's even free.
Moonfruit pricing options are in the link below...
http://www.moonfruit.com/pricin
g

39. For over 15 years, KillerSites has been teaching web designers and developers
practical, marketable skills. Killersites.com offers a few options that makes web
design easy for the do-it-yourselfer.
OPTION #1: WEB TEMPLATE
Pick up a website template to customize- select from thousands of designs.
Learn just enough about web design with either:
Our quick and easy web design video tutorial.
Our FREE 8 step web design tutorial website.
Use Killersites.com's FREE web design forum to get help from expert web design
professionals
OPTION #2: CLICK and build WEBSITE
For those of you that may want something even simpler and quicker, BUT you're not
as demanding in terms of the end result ... then a turn-key 'click and build website'
maybe the choice for you.
Payment and other options are in the link below:
http://www.securepaynet.net/hosting/website-builder.aspx?
ci=1805&prog_id=kajukenbokid1

40. DIY Website ‘Landing Page’ design
Assignment
How about actually designing a simple landing page and try to use one of the DIY
website builder site?
Let’s open www.wix.com
Time: 15 mins

41. Evaluate your Home page
No Items Points systems for each
evaluation criteria
Your Business Logo, Suitable background (color
1 texture/ images)
Small introduction about your company. (in just Grade yourself from 1 to 10
2 3-4 lines/ your baseline/vision- mission)
10 being the nearest you
Contact links – Contact form, email address, have reached for each
3 Telephone (optional), google map criteria
Social network links - Facebook / Twitter / 1 being the farthest
4 Google+ etc
Build your database - eg: Subscribe to your
5 newsletters, Facebook or Google+ like
buttons
SEO (Search Engine Optimization) – Title of your
6 website, Input key words describing your
business and relevant to the same

42. Your results
Between 1 to 15 points Poor
Go back to the board!
Between 15 to 30 points Ok
Could be developed!
Between 30 to 45 points Good
You can work with this
Between 45 to 60 points The best
Finalize this!

43. Is it going to be a final design for your project
or you are going to hire a pro in future?
If yes…then this DIY design can be a good brief for your future designer.
For more information about how to make a ‘Design Brief’:
http://www.net-essens.com/dokument-att-ladda-ner/category/1-
general?download=1%3Alogo-design-brief