Alternative Design Exploration for website.

[tridip1931]

• Exploring typeface, used Heebo which is also a free google font. I feel Dosis looks good on uppercase, but it tends to become uncalibrated when used in complete sentences.
• A topography based pattern in the background to signify the theme of the event

• Exploring duotones, @rasagy and I talked about this casually
• Downside is we need relevant hi-res photos that actually portray past sotm events.

/cc: @geohacker @jinalfoflia

[tridip1931]

ref: #28

[tridip1931]

Subtle svg gradient animation we can use in the background.
https://codepen.io/tridipthrizu/pen/qozJOw

[rasagy]

Thanks for working on this @tridip1931.

Quick questions:

• Looking at Master ticket for website roadmap #28, how does this approach scale? Are you recommending having one CTA in the first section, and then two-column boxes for other sections (About SOTM, Venue, Recap, Sponsors etc)? Or do you recommend mixing two-columns and single rows?
• For a mobile view, do you plan to switch the vertical logo or will you just let the section on right come below?
• Did you explore any other type for pairing with Dosis? Any other type with better hinting?
• Love the pattern! If you feel the animation is well supported across browsers, then we should do that as well. <3

[tridip1931]

We discussed this offline, some of the pointers below:

• We will prioritize CTA on the hero. If we add all the actions on hero section, it will get cluttered and lose its importance.
• We will implement max-width for devices >1200 (per bootstrap guidelines) for the two-columns rows.
• On mobile, logo (without text) will be visible at the centre of the nav bar
• For supporting browsers, it depends who are our demographics. Since bootstrap now uses flexbox, they are usually supported by browsers which already support svg animations.
  For more you can refer to MDN
• For type, I gravitated towards sans-serif family (similar to Roboto). Do you have any suggestions?