darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-09-06 10:08:25 -04:00
Code Issues Packages Projects Releases Wiki Activity
Files
c8a64aeb1908fbb2c3cddf2dd8f8253e7dd08cff
notifications-admin/app/assets/images/product/03-spreadsheet.svg

1 line
30 KiB
XML
Raw Normal View History

Add a grid of features to the home page This is the first step towards a fully-fledged ‘product’ page. The needs for the top, blue section of the page are: - what is Notify? - can I use it? - can I test it out? - how do I create a log in The needs for the next section of this page (which is the only one added by this commit) are: - how will Notify help me work? - will it work with my service? This commit shows 4 features of Notify on the home page which address those needs. They are illustrated because: 1. We want to catch people’s attention – users are reluctant to scroll on this page because they just want to click the ‘create account button’. But we hypothesize that they will get on better with Notify if they look at some of this stuff first. 2. The concepts that they’re talking about are hard to explain with just words because they’re quite abstract. The illustrations help us be more specific. 3. Feedback we got from user research was that the product page didn’t give users any sense of what it was like to actually use Notify.
2016-11-23 10:58:12 +00:00
<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 960 640"><style>.st0{fill:#B4B4B4;} .st1{fill:none;stroke:#DADADA;stroke-width:4;stroke-miterlimit:10;} .st2{fill:#DADADA;} .st3{fill:#FFFFFF;} .st4{fill:#0B0B0B;} .st5{fill:#004A1E;} .st6{fill:#00823B;} .st7{fill:#4B4B4B;} .st8{fill:#C8C8C8;} .st9{fill:#8C8C8C;}</style><path class="st0" d="M113.6 352.9h6.6v4.3h-6.6z"/><path class="st0" d="M57 290.2h59.2V636H57z"/><path class="st0" d="M57 290h899v65.2H57z"/><path class="st1" d="M57 420.4h899M505.6 287.8v350.4m233.2-350.4v350.4M57 485.6h899m0 130.4H57m0-65.2h899"/><path class="st2" d="M0 40V10C0 4.5 4.5 0 10 0h940c5.5 0 10 4.5 10 10v30"/><circle class="st3" cx="25.4" cy="20" r="8.5"/><circle class="st3" cx="49.1" cy="20" r="8.5"/><circle class="st3" cx="72.9" cy="20" r="8.5"/><path class="st4" d="M1 40h958v65H1z"/><path class="st3" d="M267 59.7l-10.7 13v-13h-6.1v30h6.1v-9.1l3.9-4.3 7.9 13.4h7l-11-18.1 10.4-11.9zm-37.4 24.6c-.8-.3-1.4-.6-2-1.2-.6-.5-1-1.2-1.3-2-.3-.8-.5-1.7-.5-2.8V59.7h-6v19.5c0 1.7.3 3.2.9 4.5.6 1.4 1.5 2.5 2.5 3.5 1.1.9 2.4 1.7 3.9 2.2 1.5.5 3.1.8 4.9.8 1.8 0 3.4-.3 4.9-.8 1.5-.5 2.8-1.2 3.9-2.2 1.1-.9 1.9-2.1 2.5-3.5.6-1.4.9-2.9.9-4.5V59.7h-6v18.6c0 1.1-.2 2-.5 2.8-.3.8-.8 1.5-1.3 2-.6.5-1.2.9-2 1.2-.8.3-1.6.4-2.5.4-.7 0-1.5-.2-2.3-.4m-21.9 3.5c.2.5.5.9.8 1.2.3.3.8.6 1.2.8.5.2 1 .3 1.5.3s1-.1 1.5-.3c.5-.2.9-.5 1.2-.8.3-.3.6-.8.8-1.2.2-.5.3-1 .3-1.5s-.1-1-.3-1.5c-.2-.5-.5-.9-.8-1.2-.3-.3-.8-.6-1.2-.8-.5-.2-.9-.3-1.5-.3-.5 0-1 .1-1.5.3-.5.2-.9.5-1.2.8-.3.3-.6.7-.8 1.2-.2.5-.3.9-.3 1.5s.1 1 .3 1.5m-9.6 1.9l8.5-30h-6.7l-5.7 22.6h-.2l-5.8-22.6h-6.8l8.5 30zm-36.8-5.8c-1-.5-1.8-1.2-2.5-2.1-.7-.9-1.2-1.9-1.5-3.1-.3-1.2-.5-2.5-.5-3.9v-.2c0-1.4.2-2.7.5-3.9.3-1.2.9-2.2 1.5-3.1.7-.9 1.5-1.6 2.5-2.1s2.2-.7 3.5-.7c1.3 0 2.5.2 3.5.7 1 .5 1.8 1.2 2.5 2.1.7.9 1.2 1.9 1.5 3.1.3 1.2.5 2.5.5 3.9v.2c0 1.4-.2 2.7-.5 3.9-.3 1.2-.9 2.2-1.5 3.1-.7.9-1.5 1.6-2.5 2.1s-2.2.7-3.5.7c-1.3.1-2.5-.2-3.5-.7m-2.5-23.4c-1.8.8-3.3 1.9-4.5 3.3-1.2 1.4-2.2 3-2.8 4.9-.6 1.9-1 3.9-1 6 0 2.2.3 4.2 1 6 .6 1.9 1.6 3.5 2.8 4.9 1.2 1.4 2.7 2.5 4.5 3.3 1.8.8 3.8 1.2 6 1.2s4.2-.4 6-1.2c1.8-.8 3.3-1.9 4.5-3.3 1.2-1.4 2.2-3 2.8-4.9.6-1.9 1-3.9 1-6s-.3-4.2-1-6c-.6-1.9-1.6-3.5-2.8-4.9-1.2-1.4-2.7-2.5-4.5-3.3-1.8-.8-3.8-1.2-6-1.2-2.3 0-4.3.4-6 1.2m-33.1 14.1c0-1.3.2-2.5.5-3.7.3-1.2.8-2.2 1.5-3.1.7-.9 1.5-1.6 2.5-2.2 1-.6 2.2-.8 3.6-.8.9 0 1.7.1 2.4.3.7.2 1.4.5 1.9.9.6.4 1.1.9 1.5 1.4.4.5.8 1.1 1.1 1.8l5.3-3c-.5-1-1.2-2-2-2.9-.8-.9-1.7-1.6-2.8-2.2-1.1-.6-2.2-1.1-3.5-1.4-1.3-.3-2.6-.5-4-.5-2.2 0-4.2.4-5.9 1.2-1.8.8-3.3 1.9-4.5 3.3-1.2 1.4-2.2 3-2.9 4.9-.7 1.9-1 3.9-1 6 0 2.2.3 4.2.9 6 .6 1.9 1.5 3.5 2.7 4.9 1.2 1.4 2.6 2.5 4.3 3.3 1.7.8 3.6 1.2 5.8 1.2.9 0 1.8-.1 2.6-.3.8-.2 1.6-.5 2.3-.8.7-.3 1.3-.8 1.9-1.2.6-.5 1-1 1.4-1.6v3.5h5.3V73.3H133v4.6h7.7v.3c0 .6-.1 1.3-.3 2.1-.2.8-.6 1.5-1.1 2.1-.5.6-1.3 1.2-2.2 1.6-.9.4-2 .6-3.4.6s-2.6-.3-3.6-.8c-1-.6-1.9-1.3-2.5-2.2-.7-.9-1.1-2-1.5-3.1-.3-1.2-.5-2.4-.5-3.7v-.2zm-63.4-8.8c1.4.6 2.9-.1 3.4-1.4.6-1.3-.1-2.9-1.4-3.4-1.3-.5-2.9.1-3.4 1.4-.6 1.3.1 2.9 1.4 3.4m-6 3.5c1.4.6 2.9-.1 3.4-1.4.6-1.3-.1-2.9-1.4-3.4-1.3-.5-2.9.1-3.4 1.4-.5 1.3.1 2.9 1.4 3.4m-1.7 6.6c1.4.6 2.9-.1 3.4-1.4.6-1.3-.1-2.9-1.4-3.4-1.3-.5-2.9.1-3.4 1.4-.6 1.4.1 2.9 1.4 3.4m14.3-8c1.4.6 2.9-.1 3.4-1.4.6-1.3-.1-2.9-1.4-3.4-1.3-.5-2.9.1-3.4 1.4-.5 1.3.1 2.9 1.4 3.4M93 65.8c-1.4.6-2.9-.1-3.4-1.4-.6-1.3.1-2.9 1.4-3.4 1.3-.5 2.9.1 3.4 1.4.6 1.3 0 2.9-1.4 3.4m6 3.5c-1.4.6-2.9-.1-3.4-1.4-.6-1.3 0-2.9 1.4-3.4 1.3-.5 2.9.1 3.4 1.4.6 1.3-.1 2.9-1.4 3.4m1.8 6.6c-1.4.6-2.9-.1-3.4-1.4-.6-1.3.1-2.9 1.4-3.4 1.3-.5 2.9.1 3.4 1.4.5 1.4-.1 2.9-1.4 3.4m-14.4-8c-1.4.6-2.9-.1-3.4-1.4-.6-1.3.1-2.9 1.4-3.4 1.3-.5 2.9.1 3.4 1.4.6 1.3-.1 2.9-1.4 3.4m-7.3-6.8l3.3 1.7V58l-3.3 1-.3-.3 1.3-4.2h-4.8l1.3 4.2-.3.3-3.4-1v4.9l3.3-1.7.3.3-1.9 5.8c-.1.3-.1.6-.1.9 0 1.6 1.2 2.8 2.6 3.1h1c1.5-.2 2.7-1.5 2.7-3.1 0-.3 0-.6-.1-.9l-1.9-5.8c0-.1.2-.2.3-.4m-1.4 28.2c6.3 0 12.3.4 17.6 1.2 1.5-6.4 3.4-10 5.3-12.6L97 76.7c.4 1.8.4 2.7 0 3.8-.6-.6-1.1-1.6-1.6-3.3L93.7 83c1.1-.7 1.9-1.2 2.8-1.2-1.7 3.6-3.7 4.5-5.1 4.2-1.6-.3-2.4-1.8-2.1-3 .4-1.7 2.2-2.2 3-.2 1.6-3.3-1.1-4.3-2.9-3.3
Reference in New Issue Copy Permalink