View source for 2019/homepage

{{stub}}

'''<dfn>2019/homepage</dfn>''' is a project to update the IndieWeb community homepage in 2019, in particular with a three column layout designed for onboarding three common sets of visitors and new IndieWeb community members.

''' see also https://indieweb.org/2021/homepage '''

== Goals ==
* Make the onboarding flow a bit more direct and action oriented
* Reduce the number of alternatives and the cognitive load that goes with them
** <blockquote>And even for me the getting started guide was kind of mind blowing. The reason is: along the reading I was overwhelmed with alternatives.&mdash;[https://dem.cx/2020/02/01_we-need-the-no-brainer-indieweb/ Amani Mena] on 2020-02-01</blockquote>
* ...

== Steps ==
Start collecting various key / informative steps to design & implement a three column onboarding design:
* Copy and expand from [[2018/NYC/Organizers#Homepage_Updates_.28Three_Paths.29]]
* list micro.blog as a get started now option
* ...

=== Three Main Options ===
* All Users - turnkey setup, Get Started with micro.blog
* Existing [[CMS]] users - WordPress, Drupal
* Developers - [[SSG]], setting up a new CMS (Known, Drupal, WordPress), DIY

Sample three column starting approach:

{|border="1" cellpadding="5" class="remote-links" width="100%" style="max-width:100%;text-align:center;border-collapse: collapse;" 
!Quick Start
!CMS users
!Developers
|-
|[[micro.blog]]<br>[[Pine.blog]]
|[[WordPress]]<br />[[Drupal]]
|[[SSG]] (e.g. [[Eleventy]])<br />Install a [[CMS]]<br />DIY [[project]]
|}

== Three Column Examples ==
Other sites with three column based onboarding designs worth reviewing and understanding:

(NEED SCREENSHOTS OF THESE TO COMPARE AND USE FOR INSPIRATION)

* https://www.bluehost.com/web-hosting/signup
* https://coventry.domains/learn/
* Example onboarding path for two different audiences: https://arduboy.com/quick-start/, quick tutorial on getting set up https://arduboy.com/download-and-learn-arduino/,  at the bottom, three options: "How did it go"? "Not so great" "I’m ready to start coding!" "I’m ready to download some games!"
* Example three column design for something still quite nerdy:  https://choosealicense.com/
* Another 3-ish column design of options to choose from, some aspects which overlap with IndieWeb choices: https://www.netlify.com/pricing/

* ...

== Other Design Examples ==
Other sites with design that may seem applicable to aspects of the IndieWeb site, specifications, building blocks etc.
* https://multiformats.io/
* Example of a minimal 3 column layout from a stylistic perspective (more than a semantic one) that may have CSS that can be re-used but with IndieWeb colors: https://rebellion.earth/

== Brainstorming ==
* make the columns responsive, perhaps using something similar to [[HTML5]]+CSS3 templates from https://html5up.net/
* consider https://html5up.net/dopetrope in particular
* [[unlisted#Brainstorming]]

== Potential Contributors ==
* {{lazcorp}} is happy to contribute (CSS/design and writing text for non-technical users)

== Previously ==
* [[2016/homepage]]

[[Category: Brainstorming Pages]]
== See Also ==
* [[site-homepage]]
* [[design]]
* [[homepage]]
* [[generations]]
* [[site-homepage]]
* Thoughts on repositioning some of the home page content by {{jackyalcine}} 2021-04-09 [https://v2.jacky.wtf/post/11e8c6f0-d513-4623-b167-502d764a9896 Repositioning the IndieWeb in 2021]
* [[2021/homepage]]
* Example of a two column alternative which could also work: https://bluesky-community.net/

[[Category:homepage-redesign]]