<div dir="ltr"><div class="gmail_extra"><br><div class="gmail_quote">On 19 April 2016 at 15:01, Sanchit Bansal <span dir="ltr"><<a href="mailto:sanchit.bansal_ug18@ashoka.edu.in" target="_blank">sanchit.bansal_ug18@ashoka.edu.in</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left-width:1px;border-left-style:solid;border-left-color:rgb(204,204,204);padding-left:1ex"><div dir="ltr"><div>How do you guys like the slider to the show the three main images of the website or I should do something else ?<div><br></div><div>What do you think ?</div></div></div></blockquote><div><br></div><div>If the images are in a scrolling page that is simple - like today - or fading in, like <a href="https://www.withcoach.com" target="_blank">https://www.withcoach.com</a> - or in a slide JS, like <a href="https://github.com/impress/impress.js/wiki/Examples-and-demos" target="_blank">https://github.com/impress/impress.js/wiki/Examples-and-demos</a> - is a secondary question. </div><div><br></div><div>For me, the primary questions are, what is the visual styleguide that can be applied to all 3 above options and many more situations, and what is the content that the style guide is applied to? </div><div><br></div><div>That content exists outside of the visual design; and the visual design exists outside of the content. </div><div><br></div><div>The content can be planned by mapping a conversion funnel with stage goals into a coherent structure of pages expressed in an "information architecture" site map diagram.</div><div><br></div><div><a href="https://www.google.com/search?q=conversion+funnel&tbm=isch" target="_blank">https://www.google.com/search?q=conversion+funnel&tbm=isch</a><br></div><div><br></div><div><a href="https://www.google.com/search?q=information+architecture+web+design&tbm=isch" target="_blank">https://www.google.com/search?q=information+architecture+web+design&tbm=isch</a></div><div><br></div><div>The styleguide shows patterns of color, type, and so on.</div><div><br></div><div><a href="https://www.google.com/search?q=style+guide+examples&tbm=isch" target="_blank">https://www.google.com/search?q=style+guide+examples&tbm=isch</a><br></div></div>
</div></div>