View source for Drumbeat/Webcraft/Landing-page-tweaks

__notoc__ 

= School of Webcraft: tweaks to p2pu.org/webcraft page  =

*'''Goal: Right now the p2pu School of Webcraft landing page is a bit confusing for newcomers''': http://p2pu.org/webcraft/ 
*This wiki page suggests tweaks we can make fast to improve the user experience from now until course registration starts in January. 
*These are meant to be fast temporary fixes. Not a permanent solution or design for the page.

== The main goals:  ==

*'''Keep it fast and simple'''. Changes that can be made quickly and easily using the existing template. Ideally within the next week. 
*'''Remove redundant items'''. A lot of what's on the page now doesn't yet contain real content, or isn't that relevant to School of Webcraft users. So we can simplify by removing it for the time being. 
*'''Laser focus on three things: '''1) propose a course, 2) take a course, 3) learn more.

== Tweaks  ==

'''1)''' '''Logo in top left corner. '''Use [https://wiki.mozilla.org/File:P2pu_school_of_webcraft_--_logo.png this alternate logo]. It’s more legible at this size.  Clicking on the logo should take you to “p2pu.org/webcraft." <br> 

'''2) Remove "Drumbeat" from nav bar.''' Confusing.<br> 

'''3)&nbsp;Remove "Webcraft courses" from nav bar'''. Until we have real content in there. Right now it takes you to a mostly blank page. Confusing user experience.<br> 

'''(4) “Welcome to the School of Webcraft” text block. ''' <br> 
*Update this copy. Updated text is here: [http://pad.p2pu.org/WebcraftLandingPage http://pad.p2pu.org/WebcraftLandingPage]<br>
*(Please also provide a link and instructions for updating this text field and images in future.)<br>
*'''QUESTION: '''Can we include an image here? (see mock-up below)<br>


'''(5) "About us" links'''<br> 
*QUESTION: Can we have School of Webcraft-specific set of links and subpages here? this would be extremely useful.<br>
**Currently these pages are general P2PU pages and text. Webcraft would like to create our own pages for this menu heirachy.<br>

Please set this menu to contain these links: 

'''About School of Webcraft''' 

*https://www.drumbeat.org/p2pu-webcraft/about

'''About Mozilla Drumbeat''' 

*https://www.drumbeat.org/about

'''About P2PU''' 

*http://p2pu.org/about

'''School of Webcraft Draft Charter''' 

*http://etherpad.mozilla.org:9000/webcraft-charter

'''Contact us.''' 

*http://groups.google.com/group/p2pu-webcraft<br>
<br>

'''(6) "News" '''<br> 

*QUESTION: Can we pull in Planet Webcraft headlines here? 
**Planet Webcraft link: http://blogs.p2pu.org/planet-webcraft/ <br>

'''(7)&nbsp;"Find a course". '''
* Change text to "Take a course"
* Until we have real course content, link to the School of Webcraft mailing list sign-up page: http://www.drumbeat.org/webcraft/sign-up <br> 

'''(8)''' '''“Suggest a course.”''' Should link to the School of Webcraft course suggestion form here: http://spreadsheets.google.com/viewform?formkey=dEdtSFFDeUM3MzBVTzhBd2E4anRwU0E6MQ<br> 

'''(9) “Courses / Community / Contact us.” '''Let’s remove this for time being. We can accomplish the same goals with text links in copy above. <br> 

'''(10) “Recent courses.”''' Let’s remove this until there is real content ready.  "No courses yet" sounds defeatist.<br> 

<br> 

''Here's a visual point of reference for these tweaks, with corresponding numbers:'' 

[[Image:School of Webcraft -- landing page -- tweaks -- 1.1.jpg|800px|School of Webcraft -- landing page -- tweaks -- 1.1.jpg]]

== Mock-up of what the page might look like when completed  ==

*Adding a big splashy image will help drive home the current message 
*For "take a course," we can encourage folks to sign up to the School of Webcraft mailing list until course registration opens. <br> 
*The big buttons focus on what's important right now. With the "about us" links making it easy to learn more.

[[Image:School of Webcraft -- landing page -- mockup -- 1.1.jpg|800px|School of Webcraft -- landing page -- mockup -- 1.1.jpg]] 

= Page Copy  =

[http://pad.p2pu.org/WebcraftLandingPage Copy for page is here]