Imagine you land on a business page because you need to hire a service. The design looks attractive, there are large photos and several effects as you scroll. But after browsing the whole page, you still do not know exactly what they offer, whether they serve your city, or how to ask for information.
The page got your attention. Now it needs to help you move forward.
That is why a good website starts before the code: when we understand who will use it, what they need to find, and what obstacles might appear along the way. That work is part of UX design.
What is UX design on a website?
UX stands for user experience. On a website, it covers a person’s experience while looking for information, navigating and taking an action: contacting, buying, booking or requesting a quote.
It includes very everyday questions: do I understand what this business offers? Can I find what I need? Do I know what will happen when I press this button?
Usability, that is, how easy an interface is to use, is one part of that experience. The usefulness of the content and the way the website responds to the needs of whoever visits it also matter.
UX and UI: two parts working together
UI refers to the interface: buttons, typefaces, colors, fields and other elements we interact with.
UX considers the whole experience. For example, a form can look tidy and attractive, yet ask for information the person does not have yet. The interface is polished; the journey needs adjustments.
Both disciplines complement each other. The presentation helps us understand a page, and the experience gives meaning to its elements.
Before designing, answer these four questions
1. Who is going to visit the page?
A restaurant, an accounting firm and a building materials store receive different inquiries. The information should answer the questions of their own customers.
Instead of thinking about everyone, identify the people you want to help: what they are looking for, how much they already know about the service, and where they might come from.
2. What does that person need to solve?
Maybe they want to check a menu, learn the coverage of a service, or confirm that a product has the right features.
That need helps decide which information should appear first. For a restaurant, checking opening hours and location may be more urgent than reading a long story about the business.
3. What is the next step?
Every page needs a clear intention. It can be requesting information, exploring products or booking a call.
The button text should anticipate the action. “Request information” or “View services” gives more context than an isolated “Click here”.
4. What doubts could stop someone from getting in touch?
Before writing to you, someone may need to know what the service includes, which areas you work in, or how the process begins.
Answering those questions helps visitors make a decision with more information.
From a sketch to an experience you can test
A wireframe is a simple outline of the page. It is used to organize content, navigation and actions before working on all the visual details.
A prototype makes it possible to represent interactions and explore what it would be like to go through the proposal.
Usability tests add something essential: watching people who represent your audience while they try to complete tasks. That is how doubts and difficulties the team had not foreseen can be identified.
For example, you can ask someone to find a service and figure out how to request it. Watch where they look and when they stop, without telling them which button to press.
An example: a page for a service business
Let’s think about a fictional security camera installation business.
An initial proposal might prioritize an entrance animation and an extensive gallery. When reviewing what the visitor needs, other questions appear: do they install in my area? Do they serve homes and businesses? Can they review an existing installation?
With those doubts identified, the page can be organized around services, coverage, examples of the work and a clear contact option.
The change begins with the information you decide to show and the order that makes it easy to understand.
Review your website with a specific task
Open your page on your phone and try to request one of your services. Along the way, check:
- Whether it is clear what your business offers.
- Whether you easily find the information you need.
- Whether the buttons describe what they do.
- Whether the form asks for appropriate details for that first contact.
- Whether a confirmation appears when you finish.
This review can point out opportunities to improve. Afterward, it is worth comparing them with the behavior and questions of real users.
UX design and web development in Cuernavaca
If you are preparing a new website or a redesign, start by defining what your visitors need and what the goal of each section is.
At Liceraion we combine UX/UI design and web development to create websites, online stores and systems tailored to the goals of each project. We work from Cuernavaca, Morelos, with businesses in different parts of Mexico.
Your idea deserves a well-thought-out experience. Tell us what you want to achieve and let’s work on how to bring it to the web.
Let’s talk about your project.
Frequently asked questions
Is UX design only used in online stores?
It also applies to service pages, institutional websites, applications and internal systems. In all of them there are people who need to find information or complete tasks.
Do I need to redesign my whole website to improve its experience?
It depends on the problems found. Sometimes it is better to reorganize content or adjust a form; in other cases, the entire structure needs to be reviewed.
When should user experience be worked on?
From planning and throughout the evolution of the project. Once the website is published, inquiries and real usage also provide information to improve it.
