Website design &

development process
Key stages of the process
9 1
Support,
Competitor and
development
audience analysis
and maintenance

8 2
Wireframe and
Training
prototype (UX)
E

TH
OV

INK
IMPR
User testing Specifications
7 3

C R E AT E
CMS deployment
Design templates
(back-end)

6 User Interfaces 4
(front-end)

5
 think create improve
Profound analysis: why is it crucial?

In project discovery phase we gather client’s requirements and set up clear objectives. While
capturing information we recommend suitable solutions and define project success criteria.

How do we communicate?
Skype, video conferences, phone
E-mail, Instant Messaging
Face-to-face meetings

Benefits:
Clarity of objectives and performance
Client kept well informed
 think create improve
Wireframe and prototype (UX)

Wireframes illustrate the placement and prioritisation of content and functionality.

We annotate wireframes to describe the user’s experience.

The outcome:
Functional prototype of the website demonstrating key
functionalities

Benefits:
Obtaining feedback at an early stage in a project
Testing and refining ideas without the enormous effort
Smooth progression to a design phase
 think create improve
Specifications

The layers of documentation describe a functional, content and technical specification which
details the modules to be used in the creation of the site.

Benefits:
Concise and complete source of the project development details
Clear visibility and confidence in developed product
Full project transparency (charges and phases clearly stated)
 think create improve
Design templates

At this phase we’ll produce a high-quality visual treatment of the interface from look and feel.
We believe in “less is more” design principle and emphasize simplicity, aestheticism and usability.

Benefits:
Modern, unique layout distinct you from others
Effective navigation and customization help
to meet the desired need of your audience
User-Centered Design improves the customer experience
 think create improve
User Interfaces (front-end)

During this phase we will be responsible for the client-side development ensuring the project
adheres to W3C standards and best practices.

HTML5 CSS3

Benefits:
Cross browsers and platform compatibility
Faster page loads
Clean markup = better search engine ranking
Responsive
Content accessible to a wider range of users, JavaScript
Web Design
including those with disabilities (WAI)

Latest front-end trends (HTML5/CSS3) help to stand out from the crowd
 think create improve
CMS deployment (back-end)

For database driven websites and applications we recommend open-source solutions such
as Drupal or Django.

Benefits:
No vendor lock-in
No license fees
High flexibility and broad functionality
Safety and reliability
Trust from the world’s biggest brands (Sony, Intel, BBC…)
Active community support
 think create improve
User testing, training and support

Quality of work is supervised by QA (Quality Assurance) team performing series of tests. CMS
training course and ongoing technical support may be provided.

Benefits:
Multi-disciplined team brings experience and quality product
In-house testing processes reassure software compatibility and stability
Post-project issues are dealt with effectively

Ongoing website support at good rates

Trusted partners provide complimentary services:

Internet Video/Motion Social Brand

Hosting Print
marketing Media monitoring
 think create improve
Our approach to project management

Over time, we have developed a proven process for managing projects that provide
efficient planning, design, development, programming and deployment.

Cross-browser:
Tools and methodology:

Basecamp Agile (Scrum)/Waterfall

Project
management Axure RP Daily meetings

Mobile:
Redmine Black-box
Quality Visual inspection
Control Selenium IDE
Xenu Sleuth User Acceptance Testing (UAT)

Version control system

Operating systems:
GIT/SVN/Mercurial
Deployment W3C markup validation
Firebug
WAI
 think create improve
Our approach to UX design process
Iterate

Discovery Wireframe Prototype Validate and Summarize

test and sign off

Problem identifying. Pen and paper HTML prototype Usability audit. Implementation and
User Analysis. sketches. Lo-fi (Axure RP). Customer meeting. improvements.
Personas. prototyping. Site maps. Feedback and
Use Cases. Information verification.
Benchmarking and Architecture (IA).
best practices. Interaction flow.
Contact:

We understand that you may still

have questions. e: [email protected]
Get in touch with one of our Różana 13/3 t: +48 61 835 94 70
Project Managers to discuss further. 61-577, Poznań www.merixstudio.com
www.merixstudio.com