32
Website Design 7/16/2013

Website design needs slideshare

Embed Size (px)

Citation preview

Page 1: Website design needs slideshare

Website Design

7/16/2013

Page 2: Website design needs slideshare

Table of Contents

• Lingokoo Overview• Site Layout Components and Discussion of

each Component• Menu Subcategories• Potential Look Using DeTube Theme• Other Questions and Thoughts

Page 3: Website design needs slideshare

Lingokoo Overview

Page 4: Website design needs slideshare

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.

Page 5: Website design needs slideshare

Site Layout Components and Discussion of each Component

Page 6: Website design needs slideshare

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:

Page 7: Website design needs slideshare

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:

Page 8: Website design needs slideshare

1. Banner

• Question– Assuming the WordPress DeTube theme is used,

what sizes can the banner be?

Page 9: Website design needs slideshare

2. Menu

Home Graffiti AboutWord Stories

•Would like image icons to serve as buttons with text underneath naming the button.

•Questions:• Pixel size of the icons?

Page 10: Website design needs slideshare

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)

Page 11: Website design needs slideshare

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.

Page 12: Website design needs slideshare

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

Page 13: Website design needs slideshare

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+?

Page 14: Website design needs slideshare

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.

Page 15: Website design needs slideshare

9. Ad Boxes

• Need support for advertising• Question?– How many advertising boxes should I have?

Page 16: Website design needs slideshare

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.

Page 17: Website design needs slideshare

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

Page 18: Website design needs slideshare

12. Privacy Policy/Disclaimer

• Question– Any recommendations for templates?

Page 19: Website design needs slideshare

13. Search

• I assume this is a plug-in. Are some search plug-ins better than others, if so which would you recommend?

Page 20: Website design needs slideshare

14. Contact

• Need a form that is spam proof– Recommendations?

Page 21: Website design needs slideshare

Menu Subcategories

Page 22: Website design needs slideshare

Home

• If on a different page then ‘Home’ should take viewer to ‘Home’

Page 23: Website design needs slideshare

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

Page 24: Website design needs slideshare

Graffiti

• By clicking on Graffiti, the user should be taken to a page that has all the winning Graffiti captions

Page 25: Website design needs slideshare

About

• Information about the company• Include a couple of pictures

Page 26: Website design needs slideshare

Potential look using DeTube Theme

Page 27: Website design needs slideshare

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?

Page 28: Website design needs slideshare

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

Page 29: Website design needs slideshare

3. Subscribe/join box

X XX

X

12. Privacy policy/disclaimer

Page 30: Website design needs slideshare

Other Questions and Thoughts

Page 31: Website design needs slideshare

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?

Page 32: Website design needs slideshare

Other Thoughts

• Build for scalability in case I want to add other categories down the line