Responsive agency website

The potential design agency in this case can be defined as an experienced agency with year of experience and valuable customers. They need to show off their great works together with a “transparent process of working” which solves the pain from incoming customers as mentioned in the persona. People is the spirit of products, showing their talented team is one of the most important point in their website.

Platform

Website, iOS

Roles

Product Designer, User Researcher,
Data Analyst

Tools

Illustrator, Xd, Ps

Objectives

Create a responsive website that allows an agency to: 
- Market who they are, what they do and what they stand for
- Showcase their work case studies and awards they have won
- Contacted by potential clients
- List available positions and receive job applications

Duration

2 weeks

View website prototypeView mobile prototype

My design process

The user research - Empathize

Understanding the design agency

The potential design agency in this case can be defined as an experienced agency with year of experience and valuable customers. They need to show off their great works together with a “transparent process of working” which solves the pain from incoming customers as mentioned in the persona. People is the spirit of products, showing their talented team is one of the most important point in their website.

Understanding the typical users

The typical persona - Define

Ideate

Problem statements

Users needs to know the team, who will do their projects

A reliable agency needs to show their own culture

Simple way of contacting together with a persuasive process

Relevant projects to user’s needs

Design solutions

Get the team introduced by user’s choices of picking designer for themselves

Get the company culture presented in a handbook together with blogs and FAQs

Simple ways of contact: email

3 main projects are presented in the home page as a first impression

Site map - the design solutions

Mid fidelity - Prototype

Testing and modifications

Some minor text contents

Arrangements of the FAQs

Consistencies of the alignment

Baseline grid is set as 8px

Final results

What I have learnt

The importance of research

Compared to previous projects, this project was a lot more research heavy. I saw this as an opportunity to strengthen my research skills and get more involved in the process of learning about our users and their needs. Some of the methods and situations which I encountered for the first time were eye-opening and will be helpful to use moving forward in my design career.

The iterative process, which helps to find problems before too much work was put into a product is an indispensable step. This way it’s possible to focus on the important parts and not design something that is bound to fail, as you only later find out users might not like what you made.

I can not wait for more projects to come that teach me even more!​​​​​​​

Other projects: 
LET'S TALK
hoangyenhien412@gmail.com