mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-09-02 17:48:50 -04:00
6072ec1e19
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.
92 lines
2.5 KiB
HTML
92 lines
2.5 KiB
HTML
{% from 'components/big-number.html' import big_number %}
|
||
{% from "components/banner.html" import banner_wrapper %}
|
||
{% from "components/phone.html" import phone %}
|
||
|
||
{% extends "fullwidth_template.html" %}
|
||
|
||
{% block page_title %}
|
||
GOV.UK Notify
|
||
{% endblock %}
|
||
|
||
{% block maincolumn_content %}
|
||
|
||
<div class="product-page-intro">
|
||
<div class="product-page-intro-wrapper">
|
||
<div class="grid-row">
|
||
<div class="column-two-thirds">
|
||
<h1>
|
||
Email and text messaging for government services
|
||
</h1>
|
||
<p>
|
||
If you work for a UK government department or agency you can
|
||
try GOV.UK Notify now
|
||
</p>
|
||
<div class="button-container">
|
||
<a class="button button-start" href='{{ url_for('.register' )}}'>
|
||
Create an account
|
||
</a>
|
||
or <a href="{{ url_for('.sign_in' )}}">sign in</a> if you’ve used
|
||
it before
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="product-page-section">
|
||
<div class="grid-row">
|
||
<div class="column-half">
|
||
<h2>
|
||
Get control of your content
|
||
</h2>
|
||
<p>
|
||
Straightforward templating means you don’t need technical
|
||
knowledge to create emails and text messages.
|
||
</p>
|
||
</div>
|
||
<div class="column-half">
|
||
<h2>
|
||
See how your messages are performing
|
||
</h2>
|
||
<p>
|
||
Track how many messages you’ve sent and which ones aren’t
|
||
getting delivered.
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="product-page-section">
|
||
<div class="grid-row">
|
||
<div class="column-half">
|
||
<img src="/static/images/product/01-templates.svg">
|
||
</div>
|
||
<div class="column-half">
|
||
<img src="/static/images/product/02-reporting.svg">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="product-page-section bottom-gutter-2">
|
||
<h2>
|
||
Works with your existing systems
|
||
</h2>
|
||
<div class="grid-row">
|
||
<div class="column-half">
|
||
<p>
|
||
Use the web interface to upload a spreadsheet of
|
||
email addresses or phone numbers.
|
||
</p>
|
||
<img src="/static/images/product/03-spreadsheet.svg">
|
||
</div>
|
||
<div class="column-half">
|
||
<p>
|
||
Integrate the GOV.UK Notify API with your web application or
|
||
back office system.
|
||
</p>
|
||
<img src="/static/images/product/04-api.svg">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
{% endblock %}
|