Home
Solutions
Custom CRM Software Product Design Web Analytics Legacy Modernization Why Hauer Power AI for Healthcare Automation & AI
Fast delivery
Nearshore for USA Hire Developers AI/ML Engineers Dedicated Team
Web Design
Web Design WordPress Design
Case studies
All ProjectsCRM & AutomationWeb & ExperienceDigital Commerce
Case studies by industry
ManufacturingReal EstateEnergyProfessional ServicesHealthcareTechnologyCommerce
More
Insights Contact
Language
PLENDE
AV-IT Solutions
Home/Cases/AV-IT Solutions
UX/UIIT

AV-IT Solutions — Consulting Services with Comprehensive IT Support

Industry
AV/IT Services
Scope
Personas, UX, Architecture, SEO
Year
2022

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.

Project documentation

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:

  1. Built personas,
  2. Designed user journey map,
  3. Prepared information architecture & discussed benchmarks

Persona development

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:

  1. Michał Konieczny — systems administrator — technical, specific, outcome-driven.
  2. Adam Poznański — owner of a construction company — quality-oriented, non-technical, nervous, likes to feel valued, and prioritizes contact with customer service.
  3. Urszula Gwint — office manager at a corporation — non-technical, no time to educate herself on the topic, wants to shine in front of management, and counts on support.

User journey map

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:

  1. Motivation
  2. Concerns
  3. Opportunity
  4. Choice
  5. Confirmation of the choice

Website information architecture

The website architecture is divided into pages and individual sections. Each section corresponds to specific persona needs. The main subpages are:

  1. Home page
  2. Products
  3. Product page
  4. Portfolio
  5. Portfolio page
  6. Industries
  7. Industry page
  8. Contact

Home page

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:

  • A looping video (looks better but may slow the page on older computers)
  • A photo with text (looks good and works well on any computer)
  • A conservative background referring to the industry/work
  • Contact to salespeople
  • Concise copy

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:

  • Client icons placed on a bar
  • Icons should not be too large so that 5-7 fit in a single row
  • Icons are often black-and-white, though that's more of an aesthetic matter

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:

  • First row — product blocks
  • Second row — service blocks
  • Block appearance: products/services — image, title, elements

A section presenting partners — companies that supply equipment.

Section appearance:

  • A row of icons
  • Icons similar to those used in the reason-to-believe section

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 row of blocks — 5/7 per row
  • Block appearance: image, name, company for which the work was delivered

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:

  • A row of blocks
  • Industry block appearance: icons, name, short description

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:

  • Contact details
  • Contact numbers
  • Company data
Case study image