Cases
«VITRAJI»
development of a promo page about translucent structures in b2b
We have developed a website for the presentation of the company's products and the benefits of working with it for construction companies, designers and agencies.
2022
Address:
vitraji.comthe site
Our task in this project: to create a promotional website for selling the company's services among companies and specialists in the construction industry.
The task set by the
customer
Create a promo page
to advertise and promote the company's products
to advertise and promote the company's products
Project Summary
Start of work:
February 2022
Completion of works:
May 2022
What tasks did we solve
in the project «VITRAJI»
What tools
did we use?
For design – traditional Figma, and a bit of Photoshop.
Code - html/css.
Code - html/css.
Figma
Photoshop
HTML
MS Word
CSS
Wrote the text
The target audience of the page is industry specialists. The main task: to demonstrate competence and experience. The text uses specialized terminology, which is not always understandable to ordinary retail clients of the company, but is understandable and convenient for specialized specialists.
We worked out
the structure of the page
One of the first wishes of the VITRAJI team was to make a slide-by-slide site. This determined the structure of the page: blocks, with this approach, should be small, since scrolling inside the slide makes the interface confusing for end users. We proposed a structure with the display of all products and advantages of the company.
The company's proposals are divided
into two large blocks:
into two large blocks:
- profile systems and fittings, for those who select a specific brand of window systems;
- design solutions, for those who are interested in a range of works, including design, production and installation of structures.
Made a prototype
The prototype contains content in slides and pop-up windows. Some windows contain horizontal galleries and an obvious scrolling control.
Pop-up windows with detailed information and offers are connected to the gallery elements: for example, briefly described features of each specific solution are published in the design solutions.
We developed
the design style
and drew the layout
The customer's team asked to make a page design on a black background: this color encourages customers to communicate when they first get to know the company. We use purple-violet as an accent color. All slides and windows with the final agreed texts were drawn in the layout. This approach makes the interface convenient for site visitors.
Showed the company's experience
A block with the company's completed projects has been created on the page. Each project is a gallery, in which the site visitor can view the projects from different angles.
The projects include both individual housing construction (cottages, guest houses) and large projects, including apartment buildings, restaurants and commercial real estate.
Broad competencies and extensive experience are one of the decisive factors for b2b customers when deciding on cooperation.
Selected key visualizations
For the design of the products and the first screen, we selected thematic stock images. In order to coordinate them, we had to draw more than 40 screens!
Landing page
We designed and posted the website
The site is created on pure html/css, and is a light and high-quality solution. The loading speed of the first slide is a little more than 1 second, after installing the metric counter.
The site was hosted by the customer
from the company Beget.
from the company Beget.
Look here:
https://www.vitraji.com/
Some numbers
We always count, but we can’t show all the numbers.
But we can show some of them a little!
But we can show some of them a little!
3 people
Project team
for website creation
for website creation
3 months
Development of a turnkey website
has been completed
has been completed
38 options
The first screen of the page was drawn
before approval by the customer
before approval by the customer
Order a project
Contact us and we will share our experience and help with the implementation!
Write
See
similar cases
similar cases
Web-AR for Gauss
Made a small promotional site and a decision with augmented reality on Web-A for the company Varton
2022
Amarylis
In 2019, the company restarted the online store, and, faced with the task of designing the interface and creating design, turned
to us for help.
to us for help.
2020
Svetlitsa
A site for a small construction company that is engaged in the construction of wooden houses.
2021
Noirot
Together with Nuaro LLC, our team did product photography for the catalog and advertising.
2019
Mascotte Consulting
Developed a page to sell highly specific consulting services with English localization and bilingual advertising.
2019
Panam Pizza
We developed a set of promotional materials for the franchise of the Panama pizzeria network.
2022
Premium Technologies
We developed a promotional website and advertising campaigns to promote retail and small wholesale sales of Schüco products and additional services of Premium Technologies.
2021
Oscar-Et-Valentine
It happens that after the launch of the site, its redesign is immediately required. This is exactly what happened to the Oscar Et Valentine website.
2020
Show more
