Please rate the first layout?

Question

User interface

Good day to all!
I ask you to look and evaluate my first layout created in Photoshop.
I did everything according to the bootstrap grid, including the adaptive version.
psd I
welcome the harshest criticism!
Thank you.

Answer 1

Criticism number one: fill in the Google cloud - there you can zoom in on the psd.
Desktop, block-by-block description:
1 - swap phone and email with a menu, so that as people are used to it
- there is an arrow for more information - this is usually the case for drop-down lists and not buttons
- is this design for a layout designer or a client? are the texts real? if anything, it is desirable to immediately put a tag near the headings. e.g .:
< H1 > CERAMIC KETRA BLOCKS
< H3 > High standard of construction
- phone and email icons are not the same size
- underline under the menu raise a little higher
2 - green does not have a closing quote
- is it a slider along with the picture of the tractor above, or just plain text? as for the layout - it's not obvious (too lazy to look at the psd, maybe I'll take a look)
- "wall thickness" - two spaces. check the texts!
- the white background on the right per pixel is narrower than the other blocks
3 - make watermarks more adequate
- why is the picture smaller on hover? should there be animation? But why decrease and not increase?
- the title and the price are the same size - make an accent
- the block has no title. maybe just forgot. but it's better to make it clearer what it is, and for SEO to have
4 - "order a call and we'll call you back" - merges with the background
- what's the border at the bottom of the section?
5 - "turnkey delivery organization" - you already have such a style for buttons! how can the user distinguish between what to press and what is just a heading?
- "collaborate tea"? "parthens"? Are you texting from your phone? spell check and proofread of the whole text!
- indent between headings and text spans, visually separating blocks of text
6 - "calculate shipping cost" - is that a heading? why does it look like plain text? And what's with the confusion of character style? it is nowhere else on the site.
- to leave a ZAVYAKU? Seriously?
7 - again the "button" "Organization of delivery on a turnkey basis", but what kind of margin-top does he have? look at the margin two blocks above. it is necessary that it be unified throughout the site.
- The title doesn't match the content at all. what does delivery have to do with it if there are product cards in the section?
- product cards have a stroke. above, where there were bricks, there were no strokes. and the hover style was different.
- price tags do not attract attention at all
- maybe an illusion, too lazy to check - do the right and left blocks have strokes of the same color? What about the title text color?
- * The action is valid" - it is written with iot. and the asterisk is not obvious what exactly it refers to - make it visually immediately clear.
- is it a flat? Well, where did the SHADOW come from then?
8 - just keep in mind for the future that if you make a website, the target audience of which will be incl. and in Ukraine, then Yandex.cards in Ukraine will not open. Even more - the site will open a wild amount of time, trying to reach the blocked servers.
- ok, you inserted the map, but WHERE the office is located on the map - you didn’t indicate
9 - it’s already clear to everyone that the menu is - don’t offend visitors so that you don’t consider that you hold them for idiots (although in most cases this is true)
- why HH - orange? if it's THAT important - the page doesn't say ANYWHERE else that it's HH.
- Russian Kirpi? That's it "kirpi"? Creative naming :))
- the "up" button must be placed to the right of the guide, and see that it will overlap the content, but should be outside the "row",
Mobile version - about the same, plus:
- square meters are written with a superscript and not "m2". and the proposal is desirable to be complete.
- under the block with bricks, the lower border is white
- the buttons "contact us" and "learn more" and "leave a tie" are not the same width, and
- you also need to show how the menu from the burger will look
okay, I looked at the psdshku
- not so much tin, but it is desirable to better approach the issue of naming layers and groups, and grouping objects.
use guides! imei and phone are at different levels (although the layout designer doesn’t care, but still, pixel perfect).
- in the content block - the car was lying around,
- the name of the file should more accurately indicate that it is an "index" to distinguish it from other possible page designs. do not write desktop in the title, but 1920

Answer 2

Zai...scroll through your bricks. Cheaper template to buy. I wanted to criticize myself .... Why is your design better than 1000 on template monster with the integration of wordpress or opencart?

Answer 3

Good for a start. Pay attention to fonts and everything related to them. If you have a grid in your template, don't make all the blocks as wide as the grid, do at least something fluid. Get inspired by modern sites, otherwise the beginning of 2010 would be fine.

Answer 4

Will go to beer. Zaboristy must be a beer to like this.