Study projects

Solution. We are used to the fact that pizzas on websites are lined up monotonously on the page. The pizzas in the matrix are small, they look similar, you can't see them clearly. I arrange pizzas in unpredictable manner, make cards differ in sizes. The eye is not bored, the page is interesting to look at, you can see pizza in detail.

The pizza constructor adjusts to the filter. We will offer vegan some vegan cheese and meat. The form remembers the data, it is easy to return for a new pizza. You can track progress on the page, from the acceptance of the order by the pizzeria to the departure of the courier.

Grade: 3,7

The coursework at the end of the 1st stage of Gorbunov Bureau School of Designers. Site "Pi" for ordering pizza at home and at the office

First week. I used proximity theory, the rule of anchor objects. I made sure that the outer distances were greater than the inner ones, so that objects did not dangle on the page without being tied to power points.

I realized too late that there were no good pictures of myself for the webpage. I chose the best one from the archive on the phone.

In the first version, I got carried away with matching padding and lost sight of the boring square proportions of the web page.

Grade: 3,5

Second week. On the second week I organized a photo session to get a good photo.

Moved away from the boring square format. Tried to make the layout more expressive by changing the proportions of the page. Designed the page horizontally on the screen, vertically in the mobile version.

I took a closer look at the text. I made sure that the line spacing does not argue with the word spacing, removed the dangling prepositions.

Grade: 4,4

Comment. The webpage looks simple. At first glance, it seems that designing such a page is a matter of minutes. In fact, in order to make up the final page, I had to go through several dozen options, spend hours and even days choosing the optimal ratios of distances and proportions of objects. It seems I learned a lot: to always take into account the format, pay attention to details, not to make random decisions.

Layout principles. "About me" web page. 1 iteration is on the left. Got a lower grade for boring square proportions of the webpage, poor photo quality. 2 iteration is on the right. Organized photo session, moved away from the boring square format

First week. I assumed it makes no sense to talk about how good the boots are. It is better to show it, to appeal to emotions of the consumer. Nobody doubts that felt boots are beautiful he sees them on the legs of a beautiful model.

Grade: 4

Second week. Made the location of price tags more predictable: aligned them to the sides of the screen.

Removed the noisy gray bar at the bottom of the page.

I tried to diversify the typography. I chose a more expressive font for the price tags. I found old catalogs with collections of woolen things in the storage. They used monospaced font, so did I. I used a serif font of similar proportions for the headings.

Grade: 4,3

Redesign of the website about felt boots. 1 iteration is on the left. 2 iteration is on the right. I changed a few things: typography, location of price tags

First week. I wanted the page to have character. So that it was impossible to simply replace the title and immediately lose sight of the topic of the article. I picked up a distinctive font and details.

To diversify the rhythm of the page I used: a modular grid, multi-column layout, images, factoids, comments in the margins, “shouting”.

Grade: 3,7

Second week. First screen. Added air to the title. Moved the woolen ball to the left so that it took the anchor position.

Second screen. To fix the unfortunate combination of two color screens, I moved the second one below, where it serves as a cut-in. Added a title to the section to make it easier to navigate the page.

Third screen. Corrected paddings on the page so that the distances to the left and to the right to the pictures were equal. I redesigned the block so that the pictures did not hang between the edge of the section and the title. To make it obvious that they belong to the sections below.

Fourth screen. I pulled up the headline to the photo of the sheep.

Generally. Removed excessive decor. I took a closer look at the text. I made sure that prepositions do not hang at the end of the line. This way the text looks more tidy.

Grage: 4,5

Comment. I did a lot for the first time to accomplish this assignment. I wrote and edited the text for the article, made up the article layout. The work taught me to be attentive to the text, to think carefully about the reader and his needs.

Layout of a multi-level web page. 1 iteration is on the left. I got lower grade for excessive decoration, unbalanced paddings. 2 iteration is on the right

First week. I used the following algorithm for constructing a promo page. The first screen: we show and name the product, designate its value foe the customer. The main part: we illustrate how the how the product makes the customer's life easier, helps to have fun, or get rid of his problems. Final part: the deal. We show the product and components, name the price.

Grade: 4

Second week. Added a section "Keeps you informed", where she showed more examples of how the owners see the apartment on their devices when they are outside at work or travel.

Added the "Sees everything" section. In the section I told more about what part of the apartment the owner sees in the video, what is the camera's viewing angle.

Redesigned the mailing, taking into account the possible limitations of the mobile phone.

Grade: 4,8

Selling page. Home surveillance camera presentation. 1 iteration is on the left. 2 iteration is on the right. Added sections to inform customer about camera's advantages, redesigned the mailing, taking into account the possible limitations of the mobile phone