Landing page with contact form for transportation company - Artur Express
Our task was to design a modern landing page with a contact form and built-in CallPage widget for Artur Express, a company that specializes in offering transportation services in the US. The site had to be not only aesthetically pleasing, but also easy to use and clear.
Artur Express has an extensive fleet that allows it to deliver any type of cargo from point A to point B. A key element of our cooperation was the knowledge of the company's main goal: acquiring new customers through the contact form. This understanding was the foundation for our further work on the project.
We would like to invite you to learn about the process of creating a website for the transport company Artur Express.
-
MateuszUX designer -
ŁukaszSenior Graphic Designer
Creating a prototype - a mockup of a landing page for a transportation company
The first phase in the process of creating a landing page for Artur Express was prototyping phase, that is, the formation of the initial image of the site. At this stage, we focus on developing an initial vision, determining the key elements of the site's layout even before we work more closely on its design.
We use modern tools such as Figma and Miro, which allow us and our clients to see the architecture of the site at a very early stage of the project. This visualization allows us to communicate effectively and make possible changes. From the very beginning, we define the placement of various elements: sections, texts, illustrations, videos and CTA buttons.
In the case of the project for Artur Express, our goal was to create a site that motivates people to get in touch with the company. We also tried to make it easy for users to find all the information about the company's services and the ordering process. To this end, we used various forms of presentation, from client-provided photographs to dynamic videos designed to show the company's fleet operations in action.
We also can't forget the importance of continuous communication with the client. After completing the mockup, we held a video call to discuss our suggestions and provide instructions on how the client can share their opinions and suggestions with us.
Graphic design of the landing page
In graphic design of the website for the transport company Artur Express, The main ideas focused on modernity and clarity of the message. Our goal was to create an interface with a minimalist design that at the same time reflected the professionalism and high quality of the services offered by the company. The site is not overcrowded with unnecessary text - instead, it provides key information in a direct and clear manner.
The aesthetics of the site have been carefully designed using a subdued color scheme as a background, on which elements in an intense shade of red and CTA buttons stand out clearly. One of the main goals of the site is to encourage the user to contact the company - that's why the contact form was placed in the hero section, thus being the first element the user notices upon entering the site. A dynamic video illustrating the company's vehicles on the road is presented behind the form, adding life and dynamism to the site. The menu bar contains all the necessary navigational elements, including phone number and email address, making it easy to contact the company directly.
Just below the hero section, we have placed another section that explains in a simple and easy-to-understand way how to order transportation services in a few steps. Thanks to a thoughtful graphic design, this part of the site is extremely clear to the user.
We also did not forget about the section presenting key statistics about the company. It reports on the number of vehicles available, the number of satisfied customers expressed in thousands, and even the amount of CO2 saved annually.
At the end of the page there is room for reviews from satisfied customers, which adds credibility and authenticity to the site.
Coding a landing page
A key phase in the process of creating the transport company's website was its implementation. For this, we used the increasingly popular site-building tool Elementor. This intuitive and dynamic tool allows easy personalization of the site, which is extremely beneficial for our clients. Thanks to our flexible working methodology in Elementor, the client has the ability to make changes and adjustments to the site on their own later, eliminating the need to engage external experts.
Our goal is to allow customers to independently manage and customize their website - giving them the freedom to respond to changing market demands and visitor needs.
We also can't overlook the issue of optimizing site performance. Despite the elaborate graphics and numerous images, the site loads in a flash, which is essential to keep users' attention.
During the programming phase, we also introduced pre-planned functionalities that make the site not only attractive, but also useful and effective from a business perspective.
CallPage contact widget
One of the key elements is the use of a tool called CallPage, which makes it possible to instantly establish telephone contact with a company employee. This is not a standard solution where the customer has to wait on the line. With CallPage, it is the company employee who initiates the call, which further improves the level of service and reduces response time.
Google Api Address
We also used an API from Google to facilitate address input. This is a mechanism that makes it easier for the user to enter an address by displaying suggestions in real time, thus increasing the usability and efficiency of the site.
If you are interested in this project, we encourage you to see it in full on our Behance portfolio. We also invite you to check out our other implementations.
Do you need a beautiful and professional website? Make an appointment with us at free consultation And find out how we can help you!
Let's talk and establish action plan!
