A
A
Aweso2018-02-19 18:06:14
css
Aweso, 2018-02-19 18:06:14

Could you look at the first layout and point out any mistakes?

Good day. I made my first website and I want to get the point of view of professional or experienced layout designers about the quality of layout. And yet, I would like to someday do freelance website layout, and now I don’t know if there is any point in getting into this area. What do you think, is it worth continuing, judging by the layout of the site? Thanks in advance to those who respond.
Vertska
PSD layout
Scrolling down the current just noticed when I logged in from the phone.
It's strange, because I checked it through the Mobile / Responsive Web Design Tester plugin, everything was ok there.

Answer the question

In order to leave comments, you need to log in

6 answer(s)
I
ink, 2018-02-19
@AskMy

the first thing I noticed was scrolling at the bottom, the
second one I saw that there is no menu in the desktop version, but in the mobile phone there is
a different font ... for Times New Roman headings for Hlvetica paragraphs or one of the system fonts like serif

J
jamster, 2018-02-19
@jamster

Yes, definitely worth continuing.
How was the Heading Feature title goes here block switch implemented in the layout?

D
Denis Knyazev, 2018-02-20
@axaxa_man

1. here everything flew somewhere and from this appeared horizontal scrolling on the desktop:
2. it is better to store icons in a vector, or in a better resolution:
3. You should not use cascades

// не 
.sectiontabs h2 {....}
// а, вот это, как вариант (наследования в именах, как вам удобнее, пишу для __) :
.tab {} //стили для секции
.tab__title{...} // заголовок
.tab__info, .tab__text, .tab__description  // как захотите для описания

4. You shouldn’t write inline styles for backgrounds, just add classes - bg-blue, bg-white, bg-<color>
This is what was found on the desktop, for sure you can still find something, how the site will live with content when buttons will appear, links and so on.

M
MeylisDay, 2018-02-20
@MeylisDay

Purely my opinion. I would transfer the download button, it’s pretty dumb, they already said by the icons above (I would use svg), the list in the footer is either placed in the middle or divided into two columns, otherwise there is a piece of empty space on the right. And I didn't like the alignment of the text in general on the site. There is room for improvement, keep going.

N
NuvolaIT, 2018-02-20
@NuvolaIT

When you hover over the links, the button does nothing.

O
Oleg Komenda, 2018-04-08
@rafamont

Fine. I recently made a website for myself (master-web.zzz.com.ua).
I advise you to add a couple of animations (animate.css + wow.js)

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question