A short guide to designing and building outstanding websites, also includes new approaches for designing in the responsive age.

1. Web Design & Build
the Social Moon
FOLLOW US
@The_Social_Moon

2. 1 2 3
DISCOVERY INFORMATION AUDIENCE PROFILING
ARCHITECTURE
Before any project starts, we We have an art in developing Most online marketing
conduct extensive research website content that is initiatives are not as
and analysis of all elements organised, structured and successful as they could be
affecting the environment presented in a purposeful way because they fail to
including understanding of that helps users identify what communicate with their
landscape and customer is important and how to get intended audience. Through
needs. This ensures alignment there. our audience profiling, we are
with digital strategy and able develop a detailed and
marketing goals. 5 accurate picture of customers
WIRE FRAMING and their online behaviour.
WE’VE CREATED USER JOURNEYS
4
Each page is created in
wireframe format to ensure its DESIGN
6
SOME AMAZING Where have your customers
come from, why are they here
flow and structure is focused
on helping users reach their Good design can’t be achieved
with glossy buttons or
WEBSITES and what are they going to do goals. The wireframes and
prototypes ensure the masterful wireframes alone.
next? In designing websites,
structure is correct, but the It’s a merger of all these
But there’s a little more we leverage user journeys to
identify the various ways to visual design is critical in principles into something that
is meaningful and deliberate.
engaging users.
to it than that… enable users to achieve their
goals as quickly and easily as
We ensure our design process
balances technical, functional
possible. 8
and visual elements to create a
LAUNCH system that is not only
7 operational, but also usable
The launch of your new site is
BUILD and adaptable to changing
just the beginning. We help
user needs.
We use cutting-edge you make it a success by using
technology to create inspiring conversion rate optimisation
websites and web apps, which and driving traffic using SEO,
are all bespoke and tailored to paid search and more…
your exact requirements.
FOLLOW US
@The_Social_Moon

3. Most online marketing initiatives are
not as successful as they could be
because they fail to communicate with
UNDERSTAND the intended audience
YOUR Marketing initiatives that thrive are those that understand and
embrace recognised online behaviour.
AUDIENCE
Develop a detailed and accurate
picture of the customer
Determine how to structure content, messages and design.
Adopt a user perspective, rather than a marketing mind-set.
FOLLOW US
@The_Social_Moon

4. AGE 24
GENDER Female
EDUCATION Honours Degree
SOCIAL STRATA Professional
LOCATION UK
INCOME £22,000 -
MARITAL £26,000
USER
FIRST VISIT RETURN LOYAL
PROFILES Special offers and
promotions
from homepage.
Frequently updated special
offers and promotions.
Good offers across a wide
range of products.
Invite to online exclusive
“sale preview”.
Quick and easy selection
tools like “price filter” (i.e.
Tops under £30).
Limited edition sub-brands, Good product detail and Quick shop option.
bespoke fabrics, unique descriptions.
garments designed in- Convenience of delivery to
house. Personal shopping work option.
experience.
Frequently updated products
Aspirational, trend stories, Secure environment, easy Use store card online for
top 10 outfits, style on how transaction process. payment flexibility and
to create looks, etc. discounts.
Convenience and enjoyment
of shopping online exchange Wish list facility so she can
policy. be sure about her choice of
purchase.
FOLLOW US
@The_Social_Moon

5. BRANDING
RESULTS
SOCIAL SOCIAL
PPC MEDIA MEDIA
WEBSITE
CHECKOUT COMMUNITY
DISPLAY MANAGEMENT
PHONE
SOCIAL CORPORATE
MEDIA BLOG
DIRECT
WEBSITE TRAFFIC
WEBSITE
HOMEPAGE
NEWSLETTER
SEO
NEWSLETTER
AFFILIATE
USER
MARKETING SEO AFFILIATE
MARKETING
JOURNEY We apply user journeys to study patterns of online user
behaviour, user interaction with the site and their
paths. It is a conceptual process that affects the
information architecture of a website.
By identifying your users’ top tasks, we will be able to
build you a robust information architecture that
supports the users’ goals and objectives.
FOLLOW US
@The_Social_Moon

6. Business goals,
politics, culture,
technology,
resources,
constraints
CONTEXT
BUILDING IA
THE RIGHT CONTENT USERS
ARCHITECTURE Documents, data
types, content objects,
Audience, tasks,
needs, information-
volume, structure seeking behaviour,
experience
The IA ensures the structure is correct, but the visual
design is critical in communicating to users…
FOLLOW US
@The_Social_Moon

7. DESIGN
IS A
METHOD OF
PROBLEM
SOLVING
FOLLOW US
@The_Social_Moon

8. MOTIVATIONAL As well as making your
DESIGN website easy to use, we
How do you motivate your users combine the most powerful
to undertake the journey you set of human motivators to
have planned for them? How do our design:
you guide them and how do you
convince them to spend more Achievement, competition,
time (and money) on your site? collaboration, learning &
improvement,
communication and self
expression.
FOLLOW US
@The_Social_Moon

9. RESPONSIVE
DESIGN
“Day by day, the number of
devices, platforms, and browsers
that need to work with your site
grows.
Responsive web design
represents a fundamental shift in
how we’ll build websites for the Large + Medium + Small
decade to come.”
We ensure one site for every screen
- Jeffrey Veen
FOLLOW US
@The_Social_Moon

10. BUILDING
YOU THE
PERFECT Always building towards the future
WEBSITE Semantic web, artificial intelligence, virtual worlds,
mobility, online video / internet TV, rich internet
apps, personalisation, native applications.
Using the latest standards
HTML, HTML5, Canvas, PHP, Python, Ruby, XHTML,
PHP, XML, CSS3, XSLT, DOM, MathML, SVG, LAMP
Ensuring our code is lean, clean, CSS-based,
accessible, usable and search engine friendly.
FOLLOW US
@The_Social_Moon

11. Say hello and get in touch
hello@thesocialmoon.com
+44 02 7148 4170
www.thesocialmoon.com
FOLLOW US
@The_Social_Moon