5 steps to designing a website

A computer open on a design screen giving off a purple light, representing a design process from Banazir design

When first starting out one has a tendency to approach a project like this diving as quick as possible into the technical or design element of the process. This is almost always a mistake. No matter how hard it is to resist, take a step back and figure out who your audience is, and what they need, or what is bothering them…then get an idea how to solve it. Only now will you be inspired to go in a direction and stick to it, no matter how counter intuitive it is. 

It is a really hard thing to put yourself in somebody else shoes, and it takes a lot of practice. But stick with it, and you will save yourself a lot of redoing projects until you hit the right expression.

There are some situations, and some people whom have a natural intuition when it comes to creating beautiful designs, but the 10 procent of the time when a real huge breakthrough is hidden and nobody realizes that the audience is located in a different place and state of mind, intuition will never find the way. Because its rarely intuitive. Stick to the program and you will find the really surprises and counter intuitive revelations. 

Read on to see the five (short and sweet) steps to designing for ex a website. It also applies for other design related fields.

5 steps to creating a website

Develop empathy for your user. First one decides from either experience or research who the target group is. It is important to be open minded. The users are not always who we think they are. Once this is decided one can conduct interviews with and observe our users in order to develop an idea of what their pains and gains are.

Take you data gathered from step one and crunch the numbers. Use tools like brainstorming and world building, as well as design techniques like moodboards to channel your data into ideas and possibilities of transforming your users pains into gains. 

Set up you layout with wireframes and a styleguide. Test it with prototypes to see where you are missing the mark. Maybe using Adobe XD at this point will give you flexibility in quick n dirty prototyping. Information architecture is the art of making your information available and logical to your user. This is the time to start creating this struture and test it out. 

Build your website. Get a domain if you don’t have one. Think about the name. It’s the first thing people see. You need a host for this. I use Yayhosting, because the customer service is impeccable, and everyone can get into a bind once and a while. Use a framework tool like WordPress or hard code it yourself. When your ready upload it to make it live. Make sure all links work. Implement your style and color choices. Your layout architecture. Time to test it again. Do something like a gangster-test to see where people are gravitating towards or where they are getting stuck, and fix it. 

Time to rinse and repeat! Start from the beginning and use design thinking to unravel and optimize trouble areas. Use tools like google analytics to monitor trafik and trends to your site. Remember to check your SEO with sites like Neil Patel. Technically you are done and can take a breather!

Nico Hood

Studying 3D art at Truemax Copenhagen. Finished a two year course on multimedia- design in 2018. I work part time in a health and alternative medicine store. Personal interest is the mysterious, supernatural and unexplained.

Leave a Reply