Priorities on a Small Screen
The phone requires a thoughtful order of information.
Offer / BXM Multimedia
Phone page design Comfortable on every screen.
We design a mobile version of the website together with a view of the computer. We check navigation, forms and the way to contact.
Let’s discuss your projectPhone page designIdea → project → implementation
Customised to your company
What can we prepare?
Touch, keyboard and readability
The project includes visible focus, form labels, appropriate contrast and convenient touch targets.
Real Path Tests
Before publication we move from entering the offer to sending the form.
Service Guide
Phone page: readability, touch and fast operation
The mobile version is more than a tapered computer system. We check whether the user can read the offer, find the information needed and perform the task without unnecessary zooming and moving the view.
Content priorities on a small screen
The most important information should appear before the decoration and extended introduction. We determine what the visitor is looking for: a description of the service, price, location, product or contact. The order of the section results from this task, not only from the version on a large monitor.
We do not hide the important content simply because the screen is smaller. It can be arranged with the middle titles, the list of contents and the developed answers. Longer paragraphs require convenient width and intervals, and the table sometimes needs a different form of presentation.
Expand Subject:
Touch, keyboard and understandable control
Buttons and links must be easy to hit and distinguished from the usual text. The element visible only after a mouse has arrived requires the equivalent for touch and keyboard. The menu should be opened, closed and handled without guessing the meaning of icons.
The form needs labels, appropriate field types and messages indicating how to improve the error. We check the text enlargement, focus visibility and screen orientation. The comfort of use also includes people who do not use the mouse or restrict movement on the site.
Expand Subject:
Images and scripts under control
The phone can use a weaker connection and a slower processor. Therefore, we limit the size of the images, the number of code downloaded and the work done at the start. The main image needs different treatment than the gallery at the end of the subpage.
We reserve a space for multimedia so that the text does not jump while loading. We also check the effects for the fluidity of scrolling and reacting to click. A light page does not have to be characterless, but each add-on should have a legitimate role.
Expand Subject:
Test the entire path, not just a screenshot
We check the entry from the search engine, open the menu, go to the offer, fill out the form and return to the content. In the store there is a choice of variant, basket and payment. A nice first screen does not guarantee that all these steps will work properly.
We combine a preview of different widths with a representative device test and an automatic audit. We save the problem with the playback conditions. After the revisions we return to the same scenario to check the result and avoid moving the error to another view.
Example: phone valuation form
The visitor wants to briefly describe the order and attach a photo. The form should clearly indicate the required data, accepted files and message confirmation. The screen keypad must not block the error message or hinder the transition to the next field.
We also test rejection of too large a file, loss of connection and re-send. Entered data should not disappear after a simple validation error. If the process is long, we divide it according to the importance of steps, with visible information about progress. The user should know whether to send the application or just go to the next part of the form.
Good start.
From Chatting
to a particular plan.
We set the goal, scope and way of receiving the work. We develop the project on the basis of agreed needs and materials.
See our realizationsWhat is worth preparing for the conversation?
- Address of the current page and description of needs
- Materials and decision-makers
- Priorities, limitations and planned deadline
You don't have to have the specifications in place, and we'll work out the most important decisions together.
Before the first conversation
It's worth knowing.
Do you need a separate mobile page?
Usually the same address and content can be handled with a responsive system. A separate solution is considered when users' needs or functions go beyond the website.
Your next step
Let’s talk about your project.
Tell us what your company needs. We operate all over Poland.
Let's start with your idea.
Write a few sentences about the project or call me.