Design and Development Process

UX / UI design and website development process

Design and Website Development Process

When it comes to new projects I find it’s important to have a good process, so that together we can have a successful project. Below I’ve explained an example with a typical website project, but much of this can be applied to any typical design project of mine. Depending on budget and time, the process can be adjusted to suit the clients needs and users goals.

Project scope and brief

This is where we have in-depth conversations to start off with. We discuss the purpose of the project (website in this case), the goals (what we want to realistically achieve from the website), the users (those that the website is for and those updating the content on it) and functionality etc. From all these discussions we should be able to get a decent understanding of the initial brief (pre user investigation) and idea of the pages in the site for an initial sitemap.

Sometimes this section can be a consultation project in itself if you just want to get an understanding before moving forward with the project.

User experience research, wireframes and testing

This can be a project in itself. It’s worth checking out my blog series about UX Design here »

I like to start by discussing what you know about your current and potential future users. However, often the best way to really understand users is speak directly to them. We want to know their goals, problems and feelings about your site or app. Then we can compare these to the business goals and discuss how to proceed from here.

I like to create user personas early on so the project team and myself has users to visualise as we design and build out the project. It’s important not to limit yourself to these personas, as we need to consider accessibility and usability across the board, but this can still be very informative. We’ll also discuss competition, other businesses/companies similar to yours etc. and sites you like/dislike as well as your users. These personas can be simplistic or detailed depending on the project.

Then comes user journey mapping. This is often adjusted based on project scope. We might discuss a few happy and unhappy user paths (to achieve goals/tasks) and sketch those out. From there it might be a case of some user interviews or analytics research to really understand the users flow through your website or app.

As I progress the design from simple wireframes to prototypes and cleaner design, user testing may be done throughout. This helps give the project direction and validate our decisions along the way. Doing this can really be the difference of a successful or unsuccessful project.

Design and more user testing

From our discussions, the knowledge of your users and research I’ll get started on a simple sitemap and some sketched wireframes. We may do user testing like card sorting/tree testing to figure out a navigation system and information architecture that makes sense to your users and helps give structure to your content.

The sitemap is a layout of pages on your website. Not to be confused with all the different bits of content that may feature on those pages.

A lo-fi wireframe is a rough sketched mockup of squares and sections to figure out the layout and where intended functionality will go.

Once we’re happy with that I’ll get into a bit more of the details in a digital prototype that can be clicked through. More testing may be done or we may progress with more of the user interface considered.

Along the way I’ll transfer wireframes or designs to an online prototype tool so yourself and users can get a feel for the interactions and look and feel of the website or app. This is a great way to start to bring designs to life and enable some good testing to go on.

I generally create one specific design (with multiple page templates) for a custom website/app project. With all our discussions and user testing this should meet the requirements of both you and your users. This is so we can keep budgets down and find a single design that suits your needs rather than spending more time and money on multiple designs that may not match you project brief and work best for your user base.

Development

I have a history of custom WordPress development of websites. I still work with WordPress from time to time or lend a hand to other developers when working on projects.

Once you’re happy with the design and can sign it off, then development can begin. Ideally we don’t have any major changes at this point, design and functionality have been agreed on. Colours may be slightly tweaked and content added later, but functionality and templates will reflect the design we agreed on.

WordPress can allow for stock standard templates or a custom designed and development website front-end with a very user friendly content management system that makes it easy for you to edit your content. WordPress is widely used, so updates and any problems you may have in the future can solved by myself or one of the many WordPress developers all around the world (there are a lot of them).

Ideally throughout the development and design process we can validate aspects with direct testing and as always I’ll be making sure they match closely across various devices and internet browsers.

Content

It’s vital to achieving business and user goals to have a good content strategy in mind – and a well organised information architecture. I generally work with clients and stakeholders and provide suggestions and improvements to their content. Before development is finished to have the content ready (preferably much earlier in the design stage even). Then we can pop that into the website and check it all out before it goes live.

Going Live

I can help you purchase a domain name and website hosting if you don’t already have them. However, you will have complete control over these two things in terms of access and payments. I do this to be transparent. Once you’re website goes live it is all yours. You can do with it as you wish and if for some reason I’m unavailable in the future and you need something, then you have complete control over all your website access details so you can contact someone else to help you if need be.

Having a good domain and website hosting can mean a fast, smooth website. Many web hosting companies have excellent customer service and are worth paying a little be extra to get top quality. It would be a pity to have such a great website that is running at snails pace because you’ve got a cheap slow website host.

Once the website is live, with a bit of training (I won’t leave you in the lurch) you can further edit content whenever you need to. It’s all yours now!