Web Project Screens

Introduction to Builder 1

About this lesson

In this learning content, I have an Idea for which we prepared detailed designs in the Designer 1 course and we will make improvements to bring the designs to life in the Builder 1 course! We will examine the screen designs of the web application.

Let's look at the screen designs we created for the I Have an Idea Web application within the scope of the Designer 1 course:

Sign-in Screen

Within the scope of the I Have an Idea Web application, we prepared the Sign-in screen design that users will use to log in, using the Sign-in screen that comes with the project by default.

Header Design

In the Designer 1 course, we created the Header design that will appear on various screens of the web application. This design was created by combining various elements by prioritizing the user experience.

Menu Design

In the I Have an Idea web application, we prepared a menu design using the Master Screen structure and Menu element to provide navigation between screens. In the menu design we prepared, we added the relevant system actions in the prototyping step for the navigation function between screens.

Dashboard Screen

In our web application, we designed a Dashboard as a starting screen that will facilitate the summary information and tracking of the ideas submitted by employees. In this screen, we used the Master Screen structure we created earlier, which includes the Header and menu.

Listing Screen

We have prepared a List screen design that lists the information of the personnel who are in the application as users. On this screen, we have added the field that will allow end users to search within the list.

Form Screen

To enable users to create new ideas in the I Have an Idea web application, we have prepared a form screen design that opens in drawer type with a combination of different data entry elements.

Display Screen

Finally, we designed the Display screen, which displays the detailed user information of the personnel in the application, in a structure suitable for opening in drawer type.

We will realize the development process of these screen designs we have prepared through the next learning contents within the scope of the Builder course.

Introduction to Builder 1

Web Project Screens

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

In this learning content, I have an Idea for which we prepared detailed designs in the Designer 1 course and we will make improvements to bring the designs to life in the Builder 1 course! We will examine the screen designs of the web application.

Let's look at the screen designs we created for the I Have an Idea Web application within the scope of the Designer 1 course:

Sign-in Screen

Within the scope of the I Have an Idea Web application, we prepared the Sign-in screen design that users will use to log in, using the Sign-in screen that comes with the project by default.

Header Design

In the Designer 1 course, we created the Header design that will appear on various screens of the web application. This design was created by combining various elements by prioritizing the user experience.

Menu Design

In the I Have an Idea web application, we prepared a menu design using the Master Screen structure and Menu element to provide navigation between screens. In the menu design we prepared, we added the relevant system actions in the prototyping step for the navigation function between screens.

Dashboard Screen

In our web application, we designed a Dashboard as a starting screen that will facilitate the summary information and tracking of the ideas submitted by employees. In this screen, we used the Master Screen structure we created earlier, which includes the Header and menu.

Listing Screen

We have prepared a List screen design that lists the information of the personnel who are in the application as users. On this screen, we have added the field that will allow end users to search within the list.

Form Screen

To enable users to create new ideas in the I Have an Idea web application, we have prepared a form screen design that opens in drawer type with a combination of different data entry elements.

Display Screen

Finally, we designed the Display screen, which displays the detailed user information of the personnel in the application, in a structure suitable for opening in drawer type.

We will realize the development process of these screen designs we have prepared through the next learning contents within the scope of the Builder course.

We are transitioning to a new user interface on the Kuika Platform and updating our Kuika Academy courses and videos as soon as possible.

In this learning content, I have an Idea for which we prepared detailed designs in the Designer 1 course and we will make improvements to bring the designs to life in the Builder 1 course! We will examine the screen designs of the web application.

In this learning content, I have an Idea for which we prepared detailed designs in the Designer 1 course and we will make improvements to bring the designs to life in the Builder 1 course! We will examine the screen designs of the web application.

Let's look at the screen designs we created for the I Have an Idea Web application within the scope of the Designer 1 course:

Sign-in Screen

Within the scope of the I Have an Idea Web application, we prepared the Sign-in screen design that users will use to log in, using the Sign-in screen that comes with the project by default.

Header Design

In the Designer 1 course, we created the Header design that will appear on various screens of the web application. This design was created by combining various elements by prioritizing the user experience.

Menu Design

In the I Have an Idea web application, we prepared a menu design using the Master Screen structure and Menu element to provide navigation between screens. In the menu design we prepared, we added the relevant system actions in the prototyping step for the navigation function between screens.

Dashboard Screen

In our web application, we designed a Dashboard as a starting screen that will facilitate the summary information and tracking of the ideas submitted by employees. In this screen, we used the Master Screen structure we created earlier, which includes the Header and menu.

Listing Screen

We have prepared a List screen design that lists the information of the personnel who are in the application as users. On this screen, we have added the field that will allow end users to search within the list.

Form Screen

To enable users to create new ideas in the I Have an Idea web application, we have prepared a form screen design that opens in drawer type with a combination of different data entry elements.

Display Screen

Finally, we designed the Display screen, which displays the detailed user information of the personnel in the application, in a structure suitable for opening in drawer type.

We will realize the development process of these screen designs we have prepared through the next learning contents within the scope of the Builder course.