Website Design
7/16/2013
Table of Contents
• Lingokoo Overview
• Site Layout Components and Discussion of
each Component
• Menu Subcategories
• Pot...
Lingokoo Overview
Lingokoo Overview
• Lingokoo is a picture dictionary website that will help
English language learners learn new words and ...
Site Layout Components and
Discussion of each Component
Site Layout Components Part I
1. Banner
9. Ad
boxes
7. Social
networking
integration:
Facebook, Twitter,
YouTube
3. Subscr...
Site Layout Components Part II
10. Graffiti Section
11.Footer Section
10.Graffiti
(user caption)
of the week A
12. Privacy...
1. Banner
• Question
– Assuming the WordPress DeTube theme is used,
what sizes can the banner be?
2. Menu
Home Graffiti About
Word
Stories
•Would like image icons to serve as buttons with text underneath naming the butto...
3. Subscribe/join box
• Would like to have a subscribe/join box
– Why join?
• Get email/twitter/facebook updates when new ...
4. Word Story A (picture dictionary of the week)
• Each week I will release a Word Story (picture
dictionary). The most re...
5. And 6. Personal Boxes
• I would like to have 2 boxes to post
information at my discretion. Examples of
things I might u...
7. Social Networking integration
• Allow people to:
– Get tweeter updates
– Follow us and like us on Facebook
– Subscribe ...
8. Word Story Section
• Have the 6 most recent episode thumbnails.
• It will take 6 weeks to have this section filled
up w...
9. Ad Boxes
• Need support for advertising
• Question?
– How many advertising boxes should I have?
10. Graffiti Section
• The graffiti section will allow users to submit a
caption to a picture that I will preselect ahead ...
11. Footer Section
• Give visitors another chance to subscribe to
the website and connect with us via social
media.
• Cont...
12. Privacy Policy/Disclaimer
• Question
– Any recommendations for templates?
13. Search
• I assume this is a plug-in. Are some search
plug-ins better than others, if so which would
you recommend?
14. Contact
• Need a form that is spam proof
– Recommendations?
Menu Subcategories
Home
• If on a different page then ‘Home’ should take
viewer to ‘Home’
Word Stories
• By clicking on Word Stories, the user should
be taken to a page that has all the Word
Stories that have bee...
Graffiti
• By clicking on Graffiti, the user should be
taken to a page that has all the winning
Graffiti captions
About
• Information about the company
• Include a couple of pictures
Potential look using DeTube Theme
HOME GRAFFITI ABOUTWORD
STORIES
Word Story
Word Story
A of the
week
Word
Story A-1
Word
Story A-2
Word
Story A-3
Word
Stor...
GRAFFITI
Word Story
A-3 of the
week
Word Story
A-4 of the
week
Word Story
A-5 of the
week
Graffiti
week A
Graffiti
week A-...
3. Subscribe/join
box
X XX
X
12. Privacy
policy/disclaimer
Other Questions and Thoughts
Other Questions
• What am I missing?
• How many ad widgets on separate pages?
• The Graffiti section will be just pictures...
Other Thoughts
• Build for scalability in case I want to add other
categories down the line
Upcoming SlideShare
Loading in …5
×

Website design needs slideshare

393 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
393
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Website design needs slideshare

  1. 1. Website Design 7/16/2013
  2. 2. Table of Contents • Lingokoo Overview • Site Layout Components and Discussion of each Component • Menu Subcategories • Potential Look Using DeTube Theme • Other Questions and Thoughts
  3. 3. Lingokoo Overview
  4. 4. Lingokoo Overview • Lingokoo is a picture dictionary website that will help English language learners learn new words and how to pronounce them. • A picture dictionary which I call ‘Word Stories’ or a ‘Word Story’ will be released each week. • User interaction is incorporated in the ‘Graffiti’ section whereby I will choose a photo from one of the ‘Word Stories’ and ask people who joined to submit via email a funny caption for the photo. I will then post the photo with the caption the following week. • At least initially, I’m not planning on selling anything so at some stage, the website will need to be supported via an ad revenue model.
  5. 5. Site Layout Components and Discussion of each Component
  6. 6. Site Layout Components Part I 1. Banner 9. Ad boxes 7. Social networking integration: Facebook, Twitter, YouTube 3. Subscribe/join box 4. Word Story A (picture dictionary) of the week 8.Word Story A-6 8.Word Story A-5 8.Word Story A-4 2. Menu 8. Word Story Section 8.Word Story A-1 8.Word Story A-2 8.Word Story A-3 5. Box for me to post a picture or give an update 6. Box for me to post a picture or give an update 13. Search Note: components not to scale and relative position to be determined. Block list of the things I think the website will need:
  7. 7. Site Layout Components Part II 10. Graffiti Section 11.Footer Section 10.Graffiti (user caption) of the week A 12. Privacy policy/disclaimer 10.Graffiti (user caption) of the week A-1 10.Graffiti (user caption) of the week A-4 10.Graffiti (user caption) of the week A-2 10.Graffiti (user caption) of the week A-5 10.Graffiti (user caption) of the week A-3 9.Ad boxes 3. Subscribe/join box 7. Social networking integration: Facebook, Twitter, YouTube Note: components not to scale and relative position to be determined. 14. Contact Block list of the things I think the website will need:
  8. 8. 1. Banner • Question – Assuming the WordPress DeTube theme is used, what sizes can the banner be?
  9. 9. 2. Menu Home Graffiti About Word Stories •Would like image icons to serve as buttons with text underneath naming the button. •Questions: •Pixel size of the icons?
  10. 10. 3. Subscribe/join box • Would like to have a subscribe/join box – Why join? • Get email/twitter/facebook updates when new word story episodes are released • Only subscribers will be able to post a caption to a picture (this will be the Graffiti section)
  11. 11. 4. Word Story A (picture dictionary of the week) • Each week I will release a Word Story (picture dictionary). The most recent release should be highlighted in the main window on the website.
  12. 12. 5. And 6. Personal Boxes • I would like to have 2 boxes to post information at my discretion. Examples of things I might use them for: – Post picture that includes the winning caption of the week – Post picture of one of the characters in one of the word story episodes saying something – General update of things to look forward to in coming weeks
  13. 13. 7. Social Networking integration • Allow people to: – Get tweeter updates – Follow us and like us on Facebook – Subscribe to the YouTube Channel • Question – Value in Google+?
  14. 14. 8. Word Story Section • Have the 6 most recent episode thumbnails. • It will take 6 weeks to have this section filled up with episodes so what I will do is put a picture of the future episode and put the release date.
  15. 15. 9. Ad Boxes • Need support for advertising • Question? – How many advertising boxes should I have?
  16. 16. 10. Graffiti Section • The graffiti section will allow users to submit a caption to a picture that I will preselect ahead of time. I will then read the captions, select the best one and include it in this section. • You will need to be a subscriber in order to submit a caption. • Post the 6 most recent captions in this section. It will take 6 weeks to have 6 captions so initially I will just post 6 pictures to serve as placeholders.
  17. 17. 11. Footer Section • Give visitors another chance to subscribe to the website and connect with us via social media. • Contact Us • Also include Privacy Policy
  18. 18. 12. Privacy Policy/Disclaimer • Question – Any recommendations for templates?
  19. 19. 13. Search • I assume this is a plug-in. Are some search plug-ins better than others, if so which would you recommend?
  20. 20. 14. Contact • Need a form that is spam proof – Recommendations?
  21. 21. Menu Subcategories
  22. 22. Home • If on a different page then ‘Home’ should take viewer to ‘Home’
  23. 23. Word Stories • By clicking on Word Stories, the user should be taken to a page that has all the Word Stories that have been released
  24. 24. Graffiti • By clicking on Graffiti, the user should be taken to a page that has all the winning Graffiti captions
  25. 25. About • Information about the company • Include a couple of pictures
  26. 26. Potential look using DeTube Theme
  27. 27. HOME GRAFFITI ABOUTWORD STORIES Word Story Word Story A of the week Word Story A-1 Word Story A-2 Word Story A-3 Word Story A of the week Word Story A-1 of the week Word Story A-2 of the week Make this my personal box to add a picture or update? Make this my update box also?
  28. 28. GRAFFITI Word Story A-3 of the week Word Story A-4 of the week Word Story A-5 of the week Graffiti week A Graffiti week A-1 Graffiti week A-1 Graffiti week A-1 Graffiti week A-1 Graffiti week A-1 X X X
  29. 29. 3. Subscribe/join box X XX X 12. Privacy policy/disclaimer
  30. 30. Other Questions and Thoughts
  31. 31. Other Questions • What am I missing? • How many ad widgets on separate pages? • The Graffiti section will be just pictures which means it probably doesn’t make sense to post a 1 picture slide on YouTube – I’m using Bluehost. Would my pictures need to be hosted on Bluehost or can I host the pictures on WordPress? • What is BuddyPress? Do I need it? • Do I need email management? • Do I need Sitelock Domain Security? • When should I apply to become a YouTube partner? • When should I apply for Adsense?
  32. 32. Other Thoughts • Build for scalability in case I want to add other categories down the line

×