
How we build personas and design user journey maps. See the design process for creating websites for the IT industry.
During initial workshops with av-it.pl we held a discovery meeting to understand the company's needs and the expectations of individual team members. The first meeting was pre-design project preparation; the second covered review of materials created for the project. See how websites for the IT industry are built at our agency.
While preparing materials for AV/IT, the project documentation was analyzed, requirements were collected and subjected to critical analysis, and the next process stages and scope of work at this level were established. The outputs:
Relative to the main user segments, three basic personas were created — each with different sets of traits, skills and experience baggage. Personas represent the most representative user groups, which allows the assumption that taking care of their needs will address the problems of most users. The following personas were specified:
The User Journey Map is a technique for tracking feelings, motivations, actions and effects of a process from the perspective of personas — and thus ordinary users. Empathizing at each step of the user path enables maximization of positive feelings from using the site and prevents errors. For the purposes of the project, we focused on the following aspects:
The website architecture is divided into pages and individual sections. Each section corresponds to specific persona needs. The main subpages are:
The home page is the business card of every website — the place where the user lands and forms an opinion about the company and products, which ultimately influences their decisions. The home page should clearly present what the company does, what values it holds and why it's worth trusting. The page shouldn't be too long or overloaded with information, as that can discourage users.
Looking from top to bottom, the first element on the home page is an introductory block. Above it you can place a quick contact to company representatives.
Section appearance:
The next section is Reason to believe — an element that raises the credibility of the site and shows that the company works with various valuable clients.
Section appearance:
Product and service sections should be on the home page. You should identify the main products and services that lead from the home page to product and service subpages. The blocks are arranged in rows of 5/7.
Section appearance:
A section presenting partners — companies that supply equipment.
Section appearance:
A section presenting, in blocks, the most important projects. A section analogous to the previous ones — 5-7 clickable blocks per row. Blocks should have a large image and caption, be clickable and lead to individual projects.
Section appearance:
A section presenting, in blocks, the most important industries. A row of 5-7 blocks — icons can be used, important that — like the rest of the service — they are clickable.
Section appearance:
The footer is a key section for all subpages and should present the most important data and categories. Based on experience, sites/services of this size tend to have fairly minimalist footers — which is what I suggest too. In the future I propose implementing a newsletter.
Section elements: