Web design for business.ppt
-
Upload
webhostingguy -
Category
Documents
-
view
5.203 -
download
1
Transcript of Web design for business.ppt
![Page 1: Web design for business.ppt](https://reader035.fdocuments.us/reader035/viewer/2022070315/55507c72b4c905cc0f8b5513/html5/thumbnails/1.jpg)
Web design for businessChris Simpson, [email protected]/enterprise/students/
![Page 2: Web design for business.ppt](https://reader035.fdocuments.us/reader035/viewer/2022070315/55507c72b4c905cc0f8b5513/html5/thumbnails/2.jpg)
What do you need?
1. Website2. Domain
name(s)3. Payment
system
Free for basic needs
~ £5 / year~ 1–4% /
transaction
![Page 3: Web design for business.ppt](https://reader035.fdocuments.us/reader035/viewer/2022070315/55507c72b4c905cc0f8b5513/html5/thumbnails/3.jpg)
Choose a type of site
• First decision you should make• Affects how the site looks & feels• Depends on content
1
![Page 4: Web design for business.ppt](https://reader035.fdocuments.us/reader035/viewer/2022070315/55507c72b4c905cc0f8b5513/html5/thumbnails/4.jpg)
Traditional site
• Collection of pages, linked together
• E.g. University of York website• Pay a web designer• or Use an online tool
1
![Page 5: Web design for business.ppt](https://reader035.fdocuments.us/reader035/viewer/2022070315/55507c72b4c905cc0f8b5513/html5/thumbnails/5.jpg)
Blog-based site
• Collection of ‘items’ or ‘posts’• Arranged by date and/or category• Traditionally for news/diaries, but
now used for almost everything• E.g. racetobeusa.com• Usually free
1
![Page 6: Web design for business.ppt](https://reader035.fdocuments.us/reader035/viewer/2022070315/55507c72b4c905cc0f8b5513/html5/thumbnails/6.jpg)
Group/network site
• Tools for groups, societies, projects etc.
• E.g. facebook• Owner controls the members• Often include discussion,
calendars, file-sharing• Can do it for free
1
![Page 7: Web design for business.ppt](https://reader035.fdocuments.us/reader035/viewer/2022070315/55507c72b4c905cc0f8b5513/html5/thumbnails/7.jpg)
Traditional site (designer)
Good• Structure• Custom features• Unique sites• Advanced needs
Not so good• Can be more
complicated• Editing yourself –
very possible but will cost you more
1
![Page 8: Web design for business.ppt](https://reader035.fdocuments.us/reader035/viewer/2022070315/55507c72b4c905cc0f8b5513/html5/thumbnails/8.jpg)
Traditional site (online)
Good• Do it yourself• Very easy to set
up• Edit from
anywhere• Can cost nothing!
Not so good• Fewer advanced
features• May not look as
unique• Harder to get the
‘professional’ look
1
![Page 9: Web design for business.ppt](https://reader035.fdocuments.us/reader035/viewer/2022070315/55507c72b4c905cc0f8b5513/html5/thumbnails/9.jpg)
Blog-based site
Good• Very easy to update• Organised for you• Easy to search• Users can subscribe
to updates
Not so good• If you don’t like
the blog style of sites
• Can be harder to get ‘the professional look’
1
![Page 10: Web design for business.ppt](https://reader035.fdocuments.us/reader035/viewer/2022070315/55507c72b4c905cc0f8b5513/html5/thumbnails/10.jpg)
Group/network site
Good• Can control access• Organisational tools• Collaboration tools• Private discussion• ‘Mailing lists’
Not so good• May not have the
features you want• Often ad-
supported• Can require
management
1
![Page 11: Web design for business.ppt](https://reader035.fdocuments.us/reader035/viewer/2022070315/55507c72b4c905cc0f8b5513/html5/thumbnails/11.jpg)
Traditional site (designer)
You will need• Web designer to create it – but think
about long-term editing (CMS)• Hosting to store it e.g. godaddy.com • Plus: domain & payment (later)
1
![Page 12: Web design for business.ppt](https://reader035.fdocuments.us/reader035/viewer/2022070315/55507c72b4c905cc0f8b5513/html5/thumbnails/12.jpg)
Traditional site (designer)
How to find a designer & hosting• Friends etc. – popular with students!• Meet people at events like this!• Designers can often arrange hosting• Or, look around for one that suits you
1
![Page 13: Web design for business.ppt](https://reader035.fdocuments.us/reader035/viewer/2022070315/55507c72b4c905cc0f8b5513/html5/thumbnails/13.jpg)
Traditional site (online)
You will need• Account with your chosen service• Plus: domain & payment (later)
1
![Page 14: Web design for business.ppt](https://reader035.fdocuments.us/reader035/viewer/2022070315/55507c72b4c905cc0f8b5513/html5/thumbnails/14.jpg)
Traditional site (online)
How to do it• Choose a service that suits you• Google Sites (ad-free):
sites.google.com• Others, e.g. multiply.com, webs.com• Sign up, make your site (more later!)
1
![Page 15: Web design for business.ppt](https://reader035.fdocuments.us/reader035/viewer/2022070315/55507c72b4c905cc0f8b5513/html5/thumbnails/15.jpg)
Blog-based site
You will need• Account• Some designers can make
advanced blog customisations for you
• Plus: domain & payment (later)
1
![Page 16: Web design for business.ppt](https://reader035.fdocuments.us/reader035/viewer/2022070315/55507c72b4c905cc0f8b5513/html5/thumbnails/16.jpg)
Blog-based site
How to do it• Choose a service that suits you• E.g. blogger.com wordpress.com • Sign up, make your site
1
![Page 17: Web design for business.ppt](https://reader035.fdocuments.us/reader035/viewer/2022070315/55507c72b4c905cc0f8b5513/html5/thumbnails/17.jpg)
Group/network site
You will need• Account• Optional domain (later)
1
![Page 18: Web design for business.ppt](https://reader035.fdocuments.us/reader035/viewer/2022070315/55507c72b4c905cc0f8b5513/html5/thumbnails/18.jpg)
Group/network site
How to do it• Have you thought about facebook?• groupspaces.com: good for societies• kickapps.com: general ‘social networking’
sites• groups.google.com: basic discussion• sites.google.com: group and traditional• vyew.com: online collaboration• Sign up, make your site
1
![Page 19: Web design for business.ppt](https://reader035.fdocuments.us/reader035/viewer/2022070315/55507c72b4c905cc0f8b5513/html5/thumbnails/19.jpg)
Buy a domain (if you like)
• A domain is the .com, .co.uk etc.• ~£2.50/year for .co.uk; ~£5
for .com• Makes sites look professional• Choose a memorable name!• Think about safeguarding
2
![Page 20: Web design for business.ppt](https://reader035.fdocuments.us/reader035/viewer/2022070315/55507c72b4c905cc0f8b5513/html5/thumbnails/20.jpg)
Buying a domain
• Now very cheap, but many are taken!• E.g. domainmonster.com • Register to your business/society, but
avoid using a university address• Societies: think about future
ownership
2
![Page 21: Web design for business.ppt](https://reader035.fdocuments.us/reader035/viewer/2022070315/55507c72b4c905cc0f8b5513/html5/thumbnails/21.jpg)
Link the domain to your site• If you use a web designer, ask them• Otherwise, log in, find ‘control panel’,
then ‘framed/cloaked web forwarding’ and enter the details of your site
• You can now use your .com/.co.uk etc.
2
![Page 22: Web design for business.ppt](https://reader035.fdocuments.us/reader035/viewer/2022070315/55507c72b4c905cc0f8b5513/html5/thumbnails/22.jpg)
2
![Page 23: Web design for business.ppt](https://reader035.fdocuments.us/reader035/viewer/2022070315/55507c72b4c905cc0f8b5513/html5/thumbnails/23.jpg)
Online payment systems
Allow you to• Create a catalogue of
products/services• Users use a ‘checkout’ to buy these• You receive money• Host company takes a percentage
3
![Page 24: Web design for business.ppt](https://reader035.fdocuments.us/reader035/viewer/2022070315/55507c72b4c905cc0f8b5513/html5/thumbnails/24.jpg)
Online payment systems
Options include• PayPal – trusted, advanced• Google Checkout – low commission
(~1.5% + £0.15), also Base (shop index)• Amazon Marketplace – free customers!• ebay – can do auctions, free customers!
3
![Page 25: Web design for business.ppt](https://reader035.fdocuments.us/reader035/viewer/2022070315/55507c72b4c905cc0f8b5513/html5/thumbnails/25.jpg)
Online payment systems
Things to consider• ebay can look ‘home grown’ – this
may be good or bad for you!• Amazon and ebay give you access to
millions of potential customers• Google Base potentially does this
too
3
![Page 26: Web design for business.ppt](https://reader035.fdocuments.us/reader035/viewer/2022070315/55507c72b4c905cc0f8b5513/html5/thumbnails/26.jpg)
Online payment systems
Things to consider• With PayPal and Google Checkout you
keep your design – is image is important to you?
• Commission rates vary by income• Commission can be fee, percentage, or
both• Is ease of payment important?
3
![Page 27: Web design for business.ppt](https://reader035.fdocuments.us/reader035/viewer/2022070315/55507c72b4c905cc0f8b5513/html5/thumbnails/27.jpg)
Demo – Google Sites
sites.google.com
![Page 28: Web design for business.ppt](https://reader035.fdocuments.us/reader035/viewer/2022070315/55507c72b4c905cc0f8b5513/html5/thumbnails/28.jpg)
Demo – Google Sites
![Page 29: Web design for business.ppt](https://reader035.fdocuments.us/reader035/viewer/2022070315/55507c72b4c905cc0f8b5513/html5/thumbnails/29.jpg)
Demo – Google Sites
![Page 30: Web design for business.ppt](https://reader035.fdocuments.us/reader035/viewer/2022070315/55507c72b4c905cc0f8b5513/html5/thumbnails/30.jpg)
Demo – Google SitesPlan the structure of your site – what pages do you need?
![Page 31: Web design for business.ppt](https://reader035.fdocuments.us/reader035/viewer/2022070315/55507c72b4c905cc0f8b5513/html5/thumbnails/31.jpg)
Demo – Google SitesCreate your pages, then edit them
![Page 32: Web design for business.ppt](https://reader035.fdocuments.us/reader035/viewer/2022070315/55507c72b4c905cc0f8b5513/html5/thumbnails/32.jpg)
Demo – Google SitesInsert links between pages
![Page 33: Web design for business.ppt](https://reader035.fdocuments.us/reader035/viewer/2022070315/55507c72b4c905cc0f8b5513/html5/thumbnails/33.jpg)
Demo – Google SitesEdit the sidebar to make your site easy to navigate
![Page 34: Web design for business.ppt](https://reader035.fdocuments.us/reader035/viewer/2022070315/55507c72b4c905cc0f8b5513/html5/thumbnails/34.jpg)
What else can you do?
• Video: upload to YouTube and add• Pictures: add pictures or slideshows• Calendar: insert a Google calendar• Gadgets: can be useful, but be
careful!• Upload files (e.g. PDFs)• Be careful you create the right image
![Page 35: Web design for business.ppt](https://reader035.fdocuments.us/reader035/viewer/2022070315/55507c72b4c905cc0f8b5513/html5/thumbnails/35.jpg)
What have we looked at?
• Types of site: traditional, blog, group• Free/cheap options• Domain names• Linking a domain to a free site• Online catalogue and payment
systems• Getting started with Google Sites
![Page 36: Web design for business.ppt](https://reader035.fdocuments.us/reader035/viewer/2022070315/55507c72b4c905cc0f8b5513/html5/thumbnails/36.jpg)
What else is there?
• Accessibility – don’t exclude people based on browser, sight, IT literacy
• SEO (Search engine optimisation)• Advertising your site (e.g. Adwords)• Money from advertising (difficult)
![Page 37: Web design for business.ppt](https://reader035.fdocuments.us/reader035/viewer/2022070315/55507c72b4c905cc0f8b5513/html5/thumbnails/37.jpg)
Any questions?