About the project

This is a website design for a telephony service that Alfa Team is developing as one of its own products. The site presents the service's capabilities, showcases client cases and pricing plans, and serves as the entry point to the user account.

The challenge

We were designing the product website before the copy was ready, so the main task was to set up a structure and a visual system that could be filled with content later. The site had to match the Alfa Team brand identity, work in several languages and account from the start for the fact that some visitors already have an account with the service.

Home page and navigation

The top menu follows the customer journey: home, about the company, features, cases, pricing plans, additional services and help. On the right are a country selector with a flag, a language switcher and a profile block with the user's avatar, name and role: a signed-in administrator can see which account they are logged in with on any page of the site.

The hero section follows a classic layout: a large headline, a subheading and two buttons — a primary one in the brand green and a secondary one styled as a link. On the right is an isometric illustration of a person at a smartphone screen with pop-up interface cards. The copy in the mockup is placeholder text, with its position and length defined in advance.

Features

The “Our capabilities” page presents the service's functions as numbered dark cards on a light background — in the mockup these are blocks such as “Calls at any time”. On the right is the heading “Alfa Team's key capabilities”, with the brand name highlighted in green, and a thin wavy line runs behind the cards, tying the blocks into a single composition.

Cases and products

Client cases are designed as colored folder cards with a “tab” sticking out at the top. Each card has its own color and can hold an icon, a short text or a large number — so the cases read differently and don't merge into a uniform grid. The cards scroll horizontally, a bar beneath them shows progress, and filter tags sit on the left. Below begins the “Other Alfa Team products to grow your business” block, which leads to the company's other services.

Results

We arrived at a site structure and a set of blocks that can be filled with content without changing the design: a hero section, a features showcase, a case carousel with filters and a path to other products. Multilingual support and the profile block are built into the header from the very beginning, while the brand green and the bright case cards connect the telephony website with the rest of Alfa Team's products.