How To Build An Online Portfolio
Overview
1.  How	
  to	
  look	
  legit	
  
2.	
  How	
  to	
  make	
  a	
  
sweet	
  site	
  (without	
  
technical	
  wizardry)	
  
Consider your audience
Who	
  might	
  be	
  looking	
  at	
  your	
  site?	
  
	
  
What	
  might	
  they	
  want	
  to	
  know	
  about	
  
what	
  you	
  can	
  do?	
  
Content Essentials
	
  
Contact	
  details	
  
Just	
  what	
  you're	
  comfortable	
  with.	
  	
  
This	
  could	
  be	
  email,	
  or	
  a	
  contact	
  
form	
  with	
  your	
  details	
  hidden.	
  
About	
  Me	
  page	
  
Consider	
  from	
  the	
  perspecEve	
  of	
  what	
  a	
  business	
  might	
  need.	
  Add	
  
years	
  experience,	
  experEse	
  or	
  courses,	
  awards,	
  skills	
  or	
  soIware.	
  	
  
Think	
  of	
  it	
  as	
  a	
  1	
  paragraph	
  resume.	
  
	
  
List	
  if	
  you	
  are	
  a	
  freelancer	
  and	
  available	
  for	
  work.	
  
Content Essentials
Have	
  a	
  consistent	
  message	
  
Keep	
  your	
  skills	
  to	
  1	
  –	
  3	
  key	
  skills	
  and	
  show	
  how	
  
you	
  specialise	
  in	
  that	
  area.	
  Don’t	
  be	
  a	
  “jack	
  of	
  
all	
  trades,	
  master	
  of	
  none”.	
  
Show	
  your	
  stuff	
  
Showcase	
  a	
  variety	
  of	
  things	
  you	
  can	
  do	
  –	
  
eg.	
  Variety	
  of	
  mediums.	
  
Consider	
  what	
  services	
  businesses	
  might	
  
be	
  looking	
  for	
  eg.	
  CreaEng	
  logos	
  more	
  
oIen	
  than	
  straight	
  up	
  illustraEon.	
  
NEED	
  INSPIRATION?	
  	
  
If	
  you	
  don’t	
  know	
  what	
  
businesses	
  might	
  want	
  
from	
  you,	
  google	
  other	
  
companies	
  in	
  your	
  
industry.	
  See	
  what	
  kinds	
  of	
  
content	
  their	
  por<olios	
  
show	
  off	
  and	
  consider	
  if	
  
you	
  should	
  show	
  off	
  similar	
  
types	
  of	
  work.	
  
DON’T
More Content To Consider
Keep	
  it	
  fresh	
  
If	
  you’re	
  blogging	
  or	
  keeping	
  a	
  porVolio,	
  keep	
  it	
  regularly	
  updated.	
  Aim	
  
to	
  refresh	
  your	
  site	
  three	
  Emes	
  a	
  year	
  at	
  a	
  minimum.	
  	
  
If	
  you	
  have	
  lots	
  of	
  images,	
  “save	
  for	
  web”	
  or	
  reduce	
  the	
  image	
  size	
  to	
  
they	
  load	
  faster	
  on	
  your	
  site.	
  You	
  don’t	
  want	
  people	
  to	
  leave	
  before	
  
they’ve	
  seen	
  your	
  stuff!	
  
	
  
Professional	
  Picture	
  
Include	
  a	
  picture	
  of	
  you	
  looking	
  professional	
  
for	
  your	
  industry.	
  
Might	
  be	
  in	
  front	
  of	
  a	
  bookcase,	
  in	
  front	
  of	
  
drawing	
  equipment,	
  or	
  in	
  a	
  suit.	
  Own	
  it.	
  
	
  
FREE:	
  Lots	
  of	
  free,	
  nicely	
  designed	
  sites	
  where	
  you	
  just	
  put	
  your	
  
content	
  into.	
  LimitaEons:	
  can’t	
  choose	
  own	
  URL,	
  limited	
  
customisaEon,	
  may	
  have	
  ads.	
  	
  
Examples:	
  Tumblr.com,	
  Wordpress.com.	
  Free.	
  
	
  
DROP	
  AND	
  DRAG:	
  You	
  can	
  buy	
  a	
  professionally	
  designed	
  site	
  and	
  
webspace	
  combined.	
  Just	
  put	
  your	
  content	
  into	
  with	
  no	
  ads.	
  May	
  
have	
  limited	
  customisaEon.	
  Some	
  include	
  URL.	
  
Examples:	
  Squarespace,	
  Wix,	
  Weebly.	
  HosEng	
  -­‐	
  around	
  $4	
  -­‐	
  $10	
  
month.	
  
	
  
DESIGN	
  IT	
  YOURSELF:	
  You	
  can	
  buy	
  web	
  space	
  and	
  install	
  your	
  own	
  
website.	
  Requires	
  a	
  liele	
  more	
  technical	
  knowledge,	
  more	
  
customisable,	
  ad	
  free.	
  	
  
Examples:	
  Wordpress.org	
  or	
  build	
  on	
  your	
  computer	
  using	
  HTML.	
  
HosEng	
  -­‐	
  around	
  $4	
  -­‐	
  $10	
  month.	
  
	
  
Website Options
Domain Names
Don’t	
  want	
  to	
  use	
  
Johnsdrawings.tumblr.com	
  
But	
  
JohnJonesGraphicDesign.com?	
  
	
  
A	
  custom	
  domain	
  name	
  will	
  look	
  more	
  professional	
  –	
  but	
  
needs	
  to	
  be	
  paid	
  for.	
  
	
  
These	
  are	
  oIen	
  bought	
  separately	
  from	
  a	
  domain	
  registrar	
  
and	
  could	
  cost	
  around	
  $8	
  a	
  year.	
  
More tips
Many	
  websites	
  today	
  have	
  most	
  of	
  their	
  traffic	
  come	
  
from	
  mobiles.	
  Most	
  sites	
  will	
  have	
  a	
  separate	
  design	
  for	
  
mobile	
  –	
  ensure	
  yours	
  works	
  on	
  a	
  mobile	
  device.	
  
	
  
SEO	
  “Search	
  Engine	
  OpOmisaOon”	
  –	
  submit	
  your	
  website	
  
to	
  be	
  indexed	
  by	
  Google.	
  
	
  
Also,	
  when	
  you	
  create	
  content,	
  make	
  sure	
  you	
  include	
  
the	
  words	
  people	
  will	
  google	
  when	
  searching	
  for	
  your	
  
industry	
  eg.	
  ‘graphic	
  design’.	
  Make	
  sure	
  your	
  posts,	
  
pages,	
  images	
  and	
  tags	
  use	
  these	
  keywords.	
  
The Checklist
q About	
  You	
  page	
  as	
  a	
  mini	
  resume.	
  Why	
  should	
  someone	
  
hire	
  you?	
  Are	
  you	
  free	
  for	
  work?	
  
q Add	
  Contact	
  details	
  
q Show	
  a	
  variety	
  of	
  your	
  work	
  -­‐	
  especially	
  things	
  a	
  business	
  
might	
  be	
  interested	
  in.	
  
q Have	
  a	
  consistent	
  message	
  to	
  show	
  your	
  key	
  skills	
  
q Add	
  a	
  professional	
  pic	
  
	
  
q Website	
  opEons:	
  Free	
  (tumblr),	
  paid	
  drop	
  and	
  drag	
  
(Squarespace),	
  DIY	
  (Wordpress.org)	
  
q Domain	
  names	
  aka	
  URLs:	
  separate	
  purchase	
  
	
  
Exercise
Our	
  boss	
  has	
  given	
  us	
  $150	
  to	
  get	
  a	
  graphic	
  designer	
  to	
  make	
  a	
  new	
  logo	
  for	
  our	
  business.	
  
A	
  friend	
  has	
  recommended	
  we	
  hire	
  his	
  friend	
  WolIron	
  the	
  wolf.	
  	
  
	
  	
  
Based	
  on	
  WolIron’s	
  site,	
  do	
  you	
  think	
  he	
  can	
  do	
  the	
  job?	
  
Check	
  out	
  his	
  site	
  here:	
  hep://awesome-­‐wolIron.tumblr.com/	
  
	
  	
  
What	
  could	
  he	
  do	
  to	
  make	
  his	
  get	
  more	
  business?	
  
Come	
  up	
  with	
  5	
  things	
  he	
  could	
  do	
  to	
  make	
  his	
  site	
  beeer:	
  
 1. _______________________________________________________	
  
2. _______________________________________________________	
  
3. _______________________________________________________	
  
4. _______________________________________________________	
  
5. _______________________________________________________	
  
How To Build An Online Portfolio

More Related Content

PPTX
How to Sail Trhough the Bermuda Triangle of Web Designer's Hell
PPT
Web design for journalists
PPTX
The website business! agr 399
PPT
Brand you= Purchase Doamin, Email and setup WordPress
PPTX
Creating Your Own Website 11-13-2016
PDF
Mind Your Own Business (website)!
PPT
Building Your Business With Google January 2011
PPSX
Become a freelance superstar writer
How to Sail Trhough the Bermuda Triangle of Web Designer's Hell
Web design for journalists
The website business! agr 399
Brand you= Purchase Doamin, Email and setup WordPress
Creating Your Own Website 11-13-2016
Mind Your Own Business (website)!
Building Your Business With Google January 2011
Become a freelance superstar writer

What's hot (20)

PPT
Building yourbusinesswithgoogle 9 15-2010
PPTX
Creating Your Personal Website
PPT
Web Design
PPTX
Top 10 web design tips
PPT
Blogging For Business
PPT
Blogging For Business Word Press with LinkedIN, Twitter and Facebook
PPTX
Iarticle.net
PPTX
Setting Up An Art Affiliate Site - Part 2
PPT
SCORE PRESENTATION
PPT
BA 65 Hour 02 Creating Your First Site
 
PPTX
PPTX
GEW 2015 Freelance Show
PDF
Emma Dwyer Marketing for Visual Artists Sustaining Your Practice II May 2018
PPTX
Becoming a better blogger condensed word camp
PDF
How to Launch an Online Business Doing What You Love
PPTX
Wew dosand donts
PPTX
8 Work From Home Jobs For Freelance Writers
PDF
Outsourcing training, secrets of success
PPTX
Seven Core Competency Framework of a WordPress Pro
PPT
Easy Web Design
Building yourbusinesswithgoogle 9 15-2010
Creating Your Personal Website
Web Design
Top 10 web design tips
Blogging For Business
Blogging For Business Word Press with LinkedIN, Twitter and Facebook
Iarticle.net
Setting Up An Art Affiliate Site - Part 2
SCORE PRESENTATION
BA 65 Hour 02 Creating Your First Site
 
GEW 2015 Freelance Show
Emma Dwyer Marketing for Visual Artists Sustaining Your Practice II May 2018
Becoming a better blogger condensed word camp
How to Launch an Online Business Doing What You Love
Wew dosand donts
8 Work From Home Jobs For Freelance Writers
Outsourcing training, secrets of success
Seven Core Competency Framework of a WordPress Pro
Easy Web Design
Ad

Viewers also liked (20)

PDF
iPhone Battery Saving Tips & Tricks
PDF
biipmi.com - Guide to Creating Your First Course Listing
PPTX
How To Create A Social Media Strategy
PDF
88 Inspiring Career Quotes Every Professionals Should Know
PPTX
The 5 biggest mistakes every job seeker makes
PDF
Connecting with Customers & Clients via Social Media
PDF
Propel With Purpose: Power of Your Network
PDF
Propel With Purpose: Go Culture Shopping
PDF
The Hacker's guide to fundraising
PPTX
What Is Twitter: A guide for NFPs
PDF
biipmi.com - Guide to Creating Your First Job Posting
PDF
Propel With Purpose: Power of Swans
PDF
Technology Policy for Hong Kong
PDF
Ux jiu jitsu
PPTX
Continuous Integration as a Way of Life
PPTX
Brand of Steel: How Great UX Makes Brands Unbreakable
PDF
How Farming Can Help You Frame the Solution
PDF
How to Respect Yourself in the Morning: Getting Comfortable Saying No
PDF
The Psychology of Security Automation
PDF
Responsive Branding: Making Your Brand Interactive on the Web
iPhone Battery Saving Tips & Tricks
biipmi.com - Guide to Creating Your First Course Listing
How To Create A Social Media Strategy
88 Inspiring Career Quotes Every Professionals Should Know
The 5 biggest mistakes every job seeker makes
Connecting with Customers & Clients via Social Media
Propel With Purpose: Power of Your Network
Propel With Purpose: Go Culture Shopping
The Hacker's guide to fundraising
What Is Twitter: A guide for NFPs
biipmi.com - Guide to Creating Your First Job Posting
Propel With Purpose: Power of Swans
Technology Policy for Hong Kong
Ux jiu jitsu
Continuous Integration as a Way of Life
Brand of Steel: How Great UX Makes Brands Unbreakable
How Farming Can Help You Frame the Solution
How to Respect Yourself in the Morning: Getting Comfortable Saying No
The Psychology of Security Automation
Responsive Branding: Making Your Brand Interactive on the Web
Ad

Similar to How To Build An Online Portfolio (20)

PPT
Be Your Own Boss!
PPT
Websites 101
ODP
Building Effective Websites
PPT
10 Seo Tips
PDF
How to use LinkedIn - including a guide to the LinkedIn pages and Ad Manager ...
PPT
Easy Web Design
PPT
Seo a comprehensive guide for beginners
PPT
Blogging Basics for Real Estate Agents
PPT
Blogging for Real Estate Agents - The Basics
PPT
Demystifying The Web
PPT
If i only_had_a_website
PPT
If i only_had_a_website
PPTX
Essentials to getting online
PPT
E-Commerce and Social Business - What a business owner should know about SEO,...
PPTX
LinkedIn Introduction LW.pptx
PPTX
Google Is Your Storefront
PDF
Website marketing tips
PDF
Building a Professional Website for Personal Branding.pdf
PDF
Essential elements every developer’s portfolio site should include.pdf
DOC
Seo important steps
Be Your Own Boss!
Websites 101
Building Effective Websites
10 Seo Tips
How to use LinkedIn - including a guide to the LinkedIn pages and Ad Manager ...
Easy Web Design
Seo a comprehensive guide for beginners
Blogging Basics for Real Estate Agents
Blogging for Real Estate Agents - The Basics
Demystifying The Web
If i only_had_a_website
If i only_had_a_website
Essentials to getting online
E-Commerce and Social Business - What a business owner should know about SEO,...
LinkedIn Introduction LW.pptx
Google Is Your Storefront
Website marketing tips
Building a Professional Website for Personal Branding.pdf
Essential elements every developer’s portfolio site should include.pdf
Seo important steps

Recently uploaded (20)

PPTX
DiagdndigsbskshsvsjsisDiarrheal Diseases-1.pptx
PPTX
The Mother of all Operational Terms and Graphics Presentations
PPTX
Unit 1- Introduction to Corporate Etiquettes
PPTX
Creative-Nonfiction-Demystified.pptxhhhh
PPTX
Digital Education Presentation for students.
PPTX
Session 4 of vibale oldin sink about vola
PPTX
merged_presentation_choladeckkk (2).pptx
PPTX
CIRCULATION-WPS Office hijghi gjjgfty.pptx
PPTX
UNIT 1 about all the important topics that you need
PPTX
Creating-a-Personal-Blockchain-Portfolio-for-Developers-and-Experts.pptx
PPTX
Unit 2 CORPORATE CULTURE AND EXPECTATIONS
PPT
14001jhgASIUODOHAFJCOPJHF9SUY9GFJSLOGHJ9IOSUHG98
PDF
Environmental-social-and-governance-report.pdf
PPTX
SE_UNIT_2_Complete_PPT.pptxzsdsdsdsdsdsddsd
PPT
pwm ppt .pdf long description of pwm....
PPTX
Unit 3 Presentation Etiquette Business and Corporate Etiquette
PDF
202s5_Luciano André Deitos Koslowski.pdf
PPTX
SE-Unit-1.pptxmmmmmmmmmmmmmmmmmmmmmmmmnnnn
PDF
IMPORTANT QUES CLASS 12.pdf english by Tania sharma
PPT
Woman as Engineer and Technicians in the field of Clinical & Biomedical Engin...
DiagdndigsbskshsvsjsisDiarrheal Diseases-1.pptx
The Mother of all Operational Terms and Graphics Presentations
Unit 1- Introduction to Corporate Etiquettes
Creative-Nonfiction-Demystified.pptxhhhh
Digital Education Presentation for students.
Session 4 of vibale oldin sink about vola
merged_presentation_choladeckkk (2).pptx
CIRCULATION-WPS Office hijghi gjjgfty.pptx
UNIT 1 about all the important topics that you need
Creating-a-Personal-Blockchain-Portfolio-for-Developers-and-Experts.pptx
Unit 2 CORPORATE CULTURE AND EXPECTATIONS
14001jhgASIUODOHAFJCOPJHF9SUY9GFJSLOGHJ9IOSUHG98
Environmental-social-and-governance-report.pdf
SE_UNIT_2_Complete_PPT.pptxzsdsdsdsdsdsddsd
pwm ppt .pdf long description of pwm....
Unit 3 Presentation Etiquette Business and Corporate Etiquette
202s5_Luciano André Deitos Koslowski.pdf
SE-Unit-1.pptxmmmmmmmmmmmmmmmmmmmmmmmmnnnn
IMPORTANT QUES CLASS 12.pdf english by Tania sharma
Woman as Engineer and Technicians in the field of Clinical & Biomedical Engin...

How To Build An Online Portfolio

  • 2. Overview 1.  How  to  look  legit   2.  How  to  make  a   sweet  site  (without   technical  wizardry)  
  • 3. Consider your audience Who  might  be  looking  at  your  site?     What  might  they  want  to  know  about   what  you  can  do?  
  • 4. Content Essentials   Contact  details   Just  what  you're  comfortable  with.     This  could  be  email,  or  a  contact   form  with  your  details  hidden.   About  Me  page   Consider  from  the  perspecEve  of  what  a  business  might  need.  Add   years  experience,  experEse  or  courses,  awards,  skills  or  soIware.     Think  of  it  as  a  1  paragraph  resume.     List  if  you  are  a  freelancer  and  available  for  work.  
  • 5. Content Essentials Have  a  consistent  message   Keep  your  skills  to  1  –  3  key  skills  and  show  how   you  specialise  in  that  area.  Don’t  be  a  “jack  of   all  trades,  master  of  none”.   Show  your  stuff   Showcase  a  variety  of  things  you  can  do  –   eg.  Variety  of  mediums.   Consider  what  services  businesses  might   be  looking  for  eg.  CreaEng  logos  more   oIen  than  straight  up  illustraEon.   NEED  INSPIRATION?     If  you  don’t  know  what   businesses  might  want   from  you,  google  other   companies  in  your   industry.  See  what  kinds  of   content  their  por<olios   show  off  and  consider  if   you  should  show  off  similar   types  of  work.   DON’T
  • 6. More Content To Consider Keep  it  fresh   If  you’re  blogging  or  keeping  a  porVolio,  keep  it  regularly  updated.  Aim   to  refresh  your  site  three  Emes  a  year  at  a  minimum.     If  you  have  lots  of  images,  “save  for  web”  or  reduce  the  image  size  to   they  load  faster  on  your  site.  You  don’t  want  people  to  leave  before   they’ve  seen  your  stuff!     Professional  Picture   Include  a  picture  of  you  looking  professional   for  your  industry.   Might  be  in  front  of  a  bookcase,  in  front  of   drawing  equipment,  or  in  a  suit.  Own  it.    
  • 7. FREE:  Lots  of  free,  nicely  designed  sites  where  you  just  put  your   content  into.  LimitaEons:  can’t  choose  own  URL,  limited   customisaEon,  may  have  ads.     Examples:  Tumblr.com,  Wordpress.com.  Free.     DROP  AND  DRAG:  You  can  buy  a  professionally  designed  site  and   webspace  combined.  Just  put  your  content  into  with  no  ads.  May   have  limited  customisaEon.  Some  include  URL.   Examples:  Squarespace,  Wix,  Weebly.  HosEng  -­‐  around  $4  -­‐  $10   month.     DESIGN  IT  YOURSELF:  You  can  buy  web  space  and  install  your  own   website.  Requires  a  liele  more  technical  knowledge,  more   customisable,  ad  free.     Examples:  Wordpress.org  or  build  on  your  computer  using  HTML.   HosEng  -­‐  around  $4  -­‐  $10  month.     Website Options
  • 8. Domain Names Don’t  want  to  use   Johnsdrawings.tumblr.com   But   JohnJonesGraphicDesign.com?     A  custom  domain  name  will  look  more  professional  –  but   needs  to  be  paid  for.     These  are  oIen  bought  separately  from  a  domain  registrar   and  could  cost  around  $8  a  year.  
  • 9. More tips Many  websites  today  have  most  of  their  traffic  come   from  mobiles.  Most  sites  will  have  a  separate  design  for   mobile  –  ensure  yours  works  on  a  mobile  device.     SEO  “Search  Engine  OpOmisaOon”  –  submit  your  website   to  be  indexed  by  Google.     Also,  when  you  create  content,  make  sure  you  include   the  words  people  will  google  when  searching  for  your   industry  eg.  ‘graphic  design’.  Make  sure  your  posts,   pages,  images  and  tags  use  these  keywords.  
  • 10. The Checklist q About  You  page  as  a  mini  resume.  Why  should  someone   hire  you?  Are  you  free  for  work?   q Add  Contact  details   q Show  a  variety  of  your  work  -­‐  especially  things  a  business   might  be  interested  in.   q Have  a  consistent  message  to  show  your  key  skills   q Add  a  professional  pic     q Website  opEons:  Free  (tumblr),  paid  drop  and  drag   (Squarespace),  DIY  (Wordpress.org)   q Domain  names  aka  URLs:  separate  purchase    
  • 11. Exercise Our  boss  has  given  us  $150  to  get  a  graphic  designer  to  make  a  new  logo  for  our  business.   A  friend  has  recommended  we  hire  his  friend  WolIron  the  wolf.         Based  on  WolIron’s  site,  do  you  think  he  can  do  the  job?   Check  out  his  site  here:  hep://awesome-­‐wolIron.tumblr.com/       What  could  he  do  to  make  his  get  more  business?   Come  up  with  5  things  he  could  do  to  make  his  site  beeer:    1. _______________________________________________________   2. _______________________________________________________   3. _______________________________________________________   4. _______________________________________________________   5. _______________________________________________________