Our partners, the Canadian marketing agency, contacted us with the task of developing a promotional landing page for Blocklabs. Bloklabs develops in the field of Web3 — it launches crypto wallets, promos for NFT and makes other technological interesting things.

The old Bloklabs website was very simple and did not stand out from the competition in any way. We needed to develop a new promo page that would be able to highlight the agency’s approach and the agency itself in the market.

problems with the old version of the site

• The design is too standard, which does not distinguish the company from its competitors in any way
• The texts did not reflect the advantages of the company
• Numerous illustrations did not complement the ideas and texts in any way, but rather simply existed "for the sake of beauty"

It is quite difficult to come up with something new in an IT website: visual and semantic canons have already developed in the field: mostly a dark theme, some 3D-balls, "conceptual" headlines… We began to think about how to implement our approach on the new website and do it "differently", but at the same time maintain a typical style for the sphere. During the brainstorming session, we came up with 3 conceptual ideas that could become the basis of the website.

In this concept, we wanted to express Web3 as a vast and modern world, in the center of which is our brand, Bloklabs. He is the brightest galaxy in this universe. Every star and planet in space has its own complex structure, as well as the services and activities of the company.

In this concept, we proposed to take a fresh look at computer interfaces: to do this, we use a large number of references to IT culture and interact closely with the user by implementing a virtual assistant.

In this concept, we proposed to play the metaphor of production head—on and present the agency involved in the development as a real factory. To do this, we will materialize complex and incomprehensible processes in simple illustrations.

The first concept seemed to the client to be too simple and traditional for the industry, but he liked options 2 and 3. We decided to combine them into a single concept.

After that, we started thinking about how to specifically express the blockchain "in clear illustrations" and found the image of the conveyor along which the blocks travel. Blocks of information. To make the site more emotional, it was also decided to add a character to the site who would present Bloklabs to the user on his own behalf.

During the brainstorming process, we decided that our interactive character should act as a factory guide and communicate with the user, telling him about how the Bloklabs Factory works.

It wasn’t easy to come up with an original hero, but inspired by the images of robots in pop culture and the Portal 2 video game, we found our virtual guide.

In order to convey the atmosphere of the factory to the user and create a concise image of a progressive factory, we left to be inspired by various elements of production — conveyors, dashboards, mechanical parts and corridors. At the same time, we looked at the aesthetics of science fiction films of the 90s, cyberpunk and video games — we thought about how to combine industrialism with futurism.

As a result, we have a dynamic website with isometric illustrations and conceptual animations in each block. For emphasis, we added a yellow glow (the signature color of the blockbuster) to convey the effect of a hologram through it.

With all this, we create a sense of contact with the technologies of the future and place the user in the atmosphere of producing something completely new.

Each block (such a stop during the tour) complements the story about the company, services and benefits of cooperation with Bloklabs.

On the first screen, the user can spy on the production of the product and see how information in the form of cubes passes by it.

Then walk along the corridor from different workshops — our services.

See a wall painted with cases and logos of the brand’s partners.

Return to the factory through the game portal and learn more about the company and its processes.

You can also choose a red or blue tablet card, each of which will send the user to the desired reality and the desired payment format.

The footer encourages you to discover new opportunities and embark on the successful future of your project. And the guide-assistant wishes good luck and says goodbye.