(2022)

BIZZAPPKIT — LANDING PAGE

About the project

01

Bizzappkit is a mobile and web app builder that focuses on solving simple problems. Forms, calendars, tables, all this can be done with the help of this service.

This project was at an early stage and our task was to test the hypothesis and make sure that the idea works and is worth the time and money to develop the product. To do this, we interviewed users who confirmed their need for a product like Bizzappkit, and then created a landing page that presented the idea and offered to sign up for a waiting list using the form on the site.

This landing page was created to understand how many people will be ready to use the product on the release

User flow

Design process

02

The design process was a bit simplified, as the main task was to test the idea. So we chose to focus on texts, visuals, and communication with potential users.

First, the idea was formed and written down in a document, then we engaged in interviews with users, and after that we already moved on to work on the structure of the landing page, visual style and texts.

Process and project timelines

Sketches & wireframes

03

To see the structure of the page and the approximate location of objects I prepared a lo-fi wireframe, which helped to move in the right direction.

It always helps a lot in the work and allows you to make changes to the structure almost without spending time.

Desktop design

04

The design was done in a minimalist style using shades of gray and two accent colors.

The main task was to create a design that would not distract users from studying the content. I used the Scandinavian style to convey the simplicity and practicality of the brand and the product it creates. I also refrained from using standard icons and used colored circles instead. to add more uniqueness to the site.

Landing page design

Tablet design

Responsive versions

05

In order for the site to look perfect on all devices, I created design versions for huge desktops, small desktops, tablets and mobile.

I also wrote documentation on how all elements should behave at different screen sizes to ensure that the perception of the site remains the same on all platforms. I used a detailed grid that changes depending on the device for ease of responsiveness. This way any new section can be built according to all the rules of responsiveness within a few minutes.

(2022)

BIZZAPPKIT —
LANDING PAGE

About the project

01

Bizzappkit is a mobile and web app builder that focuses on solving simple problems. Forms, calendars, tables, all this can be done with the help of this service.

This project was at an early stage and our task was to test the hypothesis and make sure that the idea works and is worth the time and money to develop the product. To do this, we interviewed users who confirmed their need for a product like Bizzappkit, and then created a landing page that presented the idea and offered to sign up for a waiting list using the form on the site.

User flow

This landing page was created to understand how many people will be ready to use the product on the release

Design process

02

The design process was a bit simplified, as the main task was to test the idea. So we chose to focus on texts, visuals, and communication with potential users.

First, the idea was formed and written down in a document, then we engaged in interviews with users, and after that we already moved on to work on the structure of the landing page, visual style and texts.

Process and project timelines

Sketches & wireframes

03

To see the structure of the page and the approximate location of objects I prepared a lo-fi wireframe, which helped to move in the right direction.

It always helps a lot in the work and allows you to make changes to the structure almost without spending time.

Desktop design

04

The design was done in a minimalist style using shades of gray and two accent colors.

The main task was to create a design that would not distract users from studying the content. I used the Scandinavian style to convey the simplicity and practicality of the brand and the product it creates. I also refrained from using standard icons and used colored circles instead. to add more uniqueness to the site.

Landing page design

Responsive versions

05

In order for the site to look perfect on all devices, I created design versions for huge desktops, small desktops, tablets and mobile.

I also wrote documentation on how all elements should behave at different screen sizes to ensure that the perception of the site remains the same on all platforms. I used a detailed grid that changes depending on the device for ease of responsiveness. This way any new section can be built according to all the rules of responsiveness within a few minutes.

(2022)

BIZZAPPKIT — LANDING PAGE

About the project

01

Bizzappkit is a mobile and web app builder that focuses on solving simple problems. Forms, calendars, tables, all this can be done with the help of this service.

This project was at an early stage and our task was to test the hypothesis and make sure that the idea works and is worth the time and money to develop the product. To do this, we interviewed users who confirmed their need for a product like Bizzappkit, and then created a landing page that presented the idea and offered to sign up for a waiting list using the form on the site.

This landing page was created to understand how many people will be ready to use the product on the release

User flow

Design process

02

The design process was a bit simplified, as the main task was to test the idea. So we chose to focus on texts, visuals, and communication with potential users.

First, the idea was formed and written down in a document, then we engaged in interviews with users, and after that we already moved on to work on the structure of the landing page, visual style and texts.

Process and project timelines

Sketches & wireframes

03

To see the structure of the page and the approximate location of objects I prepared a lo-fi wireframe, which helped to move in the right direction.

It always helps a lot in the work and allows you to make changes to the structure almost without spending time.

Video Topics table wireframe

Channel modal wireframe

Desktop design

04

The design was done in a minimalist style using shades of gray and two accent colors.

The main task was to create a design that would not distract users from studying the content. I used the Scandinavian style to convey the simplicity and practicality of the brand and the product it creates. I also refrained from using standard icons and used colored circles instead. to add more uniqueness to the site.

Landing page design

Responsive versions

05

In order for the site to look perfect on all devices, I created design versions for huge desktops, small desktops, tablets and mobile.

I also wrote documentation on how all elements should behave at different screen sizes to ensure that the perception of the site remains the same on all platforms. I used a detailed grid that changes depending on the device for ease of responsiveness. This way any new section can be built according to all the rules of responsiveness within a few minutes.

(2022)

BIZZAPPKIT — LANDING PAGE

About the project

01

Bizzappkit is a mobile and web app builder that focuses on solving simple problems. Forms, calendars, tables, all this can be done with the help of this service.

This project was at an early stage and our task was to test the hypothesis and make sure that the idea works and is worth the time and money to develop the product. To do this, we interviewed users who confirmed their need for a product like Bizzappkit, and then created a landing page that presented the idea and offered to sign up for a waiting list using the form on the site.

This landing page was created to understand how many people will be ready to use the product on the release

User flow

Design process

02

The design process was a bit simplified, as the main task was to test the idea. So we chose to focus on texts, visuals, and communication with potential users.

First, the idea was formed and written down in a document, then we engaged in interviews with users, and after that we already moved on to work on the structure of the landing page, visual style and texts.

Process and project timelines

Sketches & wireframes

03

To see the structure of the page and the approximate location of objects I prepared a lo-fi wireframe, which helped to move in the right direction.

It always helps a lot in the work and allows you to make changes to the structure almost without spending time.

Desktop design

04

The design was done in a minimalist style using shades of gray and two accent colors.

The main task was to create a design that would not distract users from studying the content. I used the Scandinavian style to convey the simplicity and practicality of the brand and the product it creates. I also refrained from using standard icons and used colored circles instead. to add more uniqueness to the site.

Landing page design

Responsive versions

05

In order for the site to look perfect on all devices, I created design versions for huge desktops, small desktops, tablets and mobile.

I also wrote documentation on how all elements should behave at different screen sizes to ensure that the perception of the site remains the same on all platforms. I used a detailed grid that changes depending on the device for ease of responsiveness. This way any new section can be built according to all the rules of responsiveness within a few minutes.