Your SlideShare is downloading. ×
Best Practice Web Design - Athlone 22.04.10
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Best Practice Web Design - Athlone 22.04.10

2,313

Published on

Presentation given by Ed Field, MD of Digino at the Enterprise Ireland "Using the Internet to Compete in International Markets" event in Athlone - 22nd April 2010

Presentation given by Ed Field, MD of Digino at the Enterprise Ireland "Using the Internet to Compete in International Markets" event in Athlone - 22nd April 2010

Published in: Business
1 Comment
2 Likes
Statistics
Notes
No Downloads
Views
Total Views
2,313
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
64
Comments
1
Likes
2
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1.
  • 2. Ed Field
    E: edfield@diginomarketing.comT: 1890-927-800Intl: +353-61-620-147W: www.DiginoMarketing.com
  • 3. Best Practice Web Design
    Enterprise Ireland
    22nd April 2010
  • 4. By which we mean.....best practice website research, strategy, planning, functional design, user testing, graphic design, copywriting, seo, image selection, build and snagging!!!
  • 5. Digino: The direct digital marketing experts
    Maximise online sales. Minimise costs.
    • Discover online opportunities, set strategy
    • 6. Full team to implement and manage
    • 7. Continuous development and optimisation
  • Who we work with
    We deliver the most value for clients where:
    • Digital marketing and especially search marketing are a crucial part of their business
    • 8. There is a need to generate a high volume of online sales or online leads
  • 5 steps to create an effective website
    Research, Strategy & Plan: including 3C’s
    Content: text, images, graphics & video
    Functional design: wireframes, functional spec, user testing
    Graphic design: concepts, templates, graphics
    Build: 3rd parties, code, snagging
  • 9. Tactics without strategy is the noise before defeat
    Sun Tzu
  • 10. Seth Godin
    The right strategy makes any tactic work better. The right strategy puts less pressure on executing your tactics perfectly.
  • 11. 1. Research, Strategy & The PlanThe most important step
  • 12. 1. Research, Strategy & Plan
    Company
    How well do you present yourself – remember : garbage in, garbage out,
    Audit our current online presence – website, analytics, search engine visibility
    Customers
    Ask our customers how they use the net
    What does our market need online? What is the market searching for online? Use Google’s keyword tool.
    Where are our customers online? What sites are used?
    Understand online trends in our sector
    Competitors
    Audit our competitors online presence
    Examine our sector in others markets e.g. UK & US
    Examine related industries that are strong online.
  • 13. 2. Content
    Text, images, graphics & video
    Major element of the project
    Tips:
    Short, clear, digestible, keyword rich, benefit laden, call to action
    Pyramid structure: headline, intro, more detail, additional information
    Who is the copywriter?
  • 14. 3. Design functional
    Personas - user centered design
    User journeys - information architecture
    User testing
    Wireframes
    Can be represented by journey maps, wireframes,functional specification document, prototype.....
  • 15. 3. Design functional – persona’s
  • 16. Homepage
    Course Directory
    Faculty (x5)
    The Campus
    Course List
    A-Z
    Faculty
    Main Page
    Staff Profiles
    Directory
    Main Page
    Campus
    Main Page
    Why Choose
    IC?
    Course
    Suggestion
    Tool (Proposed)
    Faculty News
    Location
    Student Type
    (eg Undergrad)
    x4 avg
    Course Index
    (Student type
    eg Undergrad)
    x4 avg
    Faculty Media
    Facilities
    Testimonials
    Accommodation
    Study Type
    (eg full or
    part time)
    x2
    Course Page
    (eg LL.B Law)
    x10 avg
    Career Advisor
    (Proposed)
    Student Life
    Generic Pages
    About Us
    Contact Us
    Apply Online
    Current
    Students
    Sitemap
    News
    Careers
    1: Overview
    New Courses
    3. Design functional – user journey
  • 17. The Campus
    Campus
    Main Page
    Why Choose
    IC?
    Location
    Facilities
    Accommodation
    Student Life
    2: User Journeys. Student (a) Knows What Student Type They Are
    Homepage
    Course Directory
    Faculty (x5)
    Course List
    A-Z
    Faculty
    Main Page
    Staff Profiles
    Directory
    Main Page
    Course
    Suggestion
    Tool (Proposed)
    Faculty News
    Student Type
    (eg Undergrad)
    x4 avg
    Course Index
    (Student type
    eg Undergrad)
    x4 avg
    Faculty Media
    New Courses
    Testimonials
    Study Type
    (eg full or
    part time)
    x2
    Course Page
    (eg LL.B Law)
    x10 avg
    Career Advisor
    (Proposed)
    Generic Pages
    About Us
    Contact Us
    Apply Online
    Current
    Students
    Sitemap
    News
    Careers
    3. Design functional – user journey
  • 18. Homepage
    Course Directory
    Faculty (x5)
    The Campus
    Course List
    A-Z
    Faculty
    Main Page
    Staff Profiles
    Directory
    Main Page
    Campus
    Main Page
    Why Choose
    IC?
    Course
    Suggestion
    Tool (Proposed)
    Faculty News
    Location
    Student Type
    (eg Undergrad)
    x4 avg
    Course Index
    (Student type
    eg Undergrad)
    x4 avg
    Faculty Media
    Facilities
    Testimonials
    Accommodation
    Study Type
    (eg full or
    part time)
    x2
    Course Page
    (eg LL.B Law)
    x10 avg
    Career Advisor
    (Proposed)
    Student Life
    Generic Pages
    About Us
    Contact Us
    Apply Online
    Current
    Students
    Sitemap
    News
    Careers
    2: User Journeys. Student (b) Knows What Faculty They Are Looking For
    New Courses
    3. Design functional – user journey
  • 19. The Campus
    Campus
    Main Page
    Why Choose
    IC?
    Location
    Facilities
    Accommodation
    Student Life
    2: User Journeys. Student (c) Doesn’t Know What They Want To Do
    Homepage
    Course Directory
    Faculty (x5)
    Course List
    A-Z
    Faculty
    Main Page
    Staff Profiles
    Directory
    Main Page
    Course
    Suggestion
    Tool (Proposed)
    Faculty News
    Student Type
    (eg Undergrad)
    x4 avg
    Course Index
    (Student type
    eg Undergrad)
    x4 avg
    Faculty Media
    New Courses
    Testimonials
    Study Type
    (eg full or
    part time)
    x2
    Course Page
    (eg LL.B Law)
    x10 avg
    Career Advisor
    (Proposed)
    Generic Pages
    About Us
    Contact Us
    Apply Online
    Current
    Students
    Sitemap
    News
    Careers
    3. Design functional – user journey
  • 20. 3. Design functional – wireframe
  • 21. 3. Design functional – wireframe
  • 22. 3. Design functional – wireframe
  • 23. 3. Design functional – wireframe
  • 24. 3. Design functional – wireframe
  • 25. 4. Graphic design
    Moodboards– rough ideas
    Concept templates – design applied to wireframes
    Final templates – from which all pages are based
    Additional graphics elements – to style and enrich all key pages
  • 26. Moodboard
    Moodboard
  • 27. Design concept
  • 28. 5. Build
    Use 3rdparty applications where possible – enormous arrays of free and low cost solutions available
    Code – ensure best practice coding is used
    CMS – if needed, we recommend WordPress
    Snagging – site to be fully snagged by provider before client completes their detailed review
    Avoid getting a shell where you add the content and images!!
  • 29. 5 steps – review
    Research, Strategy & Plan: including 3C’s
    Content: text, images, graphics & video
    Functional design: wireframes, functional spec, user testing
    Graphic design: concepts, templates, graphics
    Build: 3rd parties, code, snagging
  • 30.
  • 31. A few quick points....
    • The people: responsibility/resources/skills/
    • 32. Timeframe: from 3 months
    • 33. The budget: planning from €3K, design & build from €7K..... but good to budget as a complete marketing program
  • Budgets – the full picture
  • 34. Sample breakdown by resources required
  • 35. Websites – Some before and afters to show what can be achieved
  • 36.
  • 37. New site – Preview: http://www.diginomarketing.com/clients/irishferries/site/index-ie-uk.asp
  • 38.
  • 39. New site: http://www.cfmanufacturinggroup.com
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48. 5 steps to create an effective website
    Research, Strategy & Plan: including 3C’s
    Content: text, images, graphics & video
    Functional design: wireframes, functional spec, user testing
    Graphic design: concepts, templates, graphics
    Build: 3rd parties, code, snagging
  • 49.
  • 50. Ed Field
    E: edfield@diginomarketing.comT: 1890-927-800Intl: +353-61-620-147W: www.DiginoMarketing.com

×