Website Mockup norml.studio
Concept · {{ brand.name }}01 / 07
Homepage concept

{{ analysis.cover.headline if analysis.cover is defined else brand.name ~ " website concept" }}

{{ analysis.cover.subline if analysis.cover is defined else "We built a concept that does." }}

Prepared for
{{ brand.name }}
By
Website Mockup
Date
{{ date }}
Begin
The Diagnosis02 / 07
Observation

We looked at your homepage the way a visitor does.

{{ brand.name }} current homepage
Current · {{ brand.domain }}As seen today
{% if analysis.observation is defined and analysis.observation.annotations is defined %} {% for ann in analysis.observation.annotations[:3] %} {% set pos = loop.index %}
Note 0{{ pos }}
{{ ann.text }}
{% endfor %} {% endif %}
What stood out

It reads like a tagline, not a pitch.

{{ analysis.observation.paragraph if analysis.observation is defined else "Review the source observations alongside the concept." }}

The Concept03 / 07
The Concept

A homepage for {{ brand.name }}.

Click to open the live concept · Esc to return
Open live
{{ brand.domain }}
{{ brand.name }} redesigned homepage
The Thinking04 / 07
Before & After

The hero, rewritten.

BeforeOriginal
{% if hero_original %}Original{% else %}Original{% endif %}
Original headline

{{ analysis.hero_dissection.old_headline if analysis.hero_dissection is defined else analysis.hero.headline }}

AfterConcept
{% if hero_mockup %}Redesigned{% else %}Redesigned{% endif %}
New headline

{{ analysis.hero_dissection.new_headline if analysis.hero_dissection is defined else analysis.hero.headline }}

{% if analysis.hero_dissection is defined and analysis.hero_dissection.copy_rationale is defined %}
Why it works
    {% for point in analysis.hero_dissection.copy_rationale %}
  • {{ point }}
    • {% endfor %}
{% endif %}
Business Decisions05 / 07
What we built

Three decisions that change everything.

{% if analysis.what_we_built is defined %} {% for item in analysis.what_we_built %}
0{{ loop.index }}
{{ item.title }}
{{ item.description }}
{% endfor %} {% else %}
01
We rebuilt the hero
{{ analysis.design_decisions.layout }}
{% endif %}

Next steps

{{ analysis.next_steps.deliverables if analysis.next_steps is defined else "Review the concept and agree the implementation scope." }}

{% if analysis.next_steps is defined and analysis.next_steps.price %}

{{ analysis.next_steps.price }}

{% endif %} {% if analysis.next_steps is defined and analysis.next_steps.timeline %}

{{ analysis.next_steps.timeline }}

{% endif %}

Review the concept

Confirm the content, design direction and scope before implementation.

Created with Website Mockup by Norml Studio.