Skip to content
← Back to Community
Modern web design
Profile icon
h
has Hacker Plan
ch1ck3n

modern website design

Modern website design is the type of website you see most commonly.

Modern websites are the trend nowadays for websites.

in this tutorial, i will teach you to make a modern website (no HTML though

characteristics of a modern webpage

Modern websites are/have:

1. minimalistic

Modern websites won't overdo stuff on design or the amount of stuff one single file has. Instead, it has a nice clean design with only one type of stuff on one page.

2. Parallax scroll animations

Parallax scroll animation is a good slideshow effect and also looks good.
But be sure not to overdo it so people won't get blind.

https://www.w3schools.com/howto/howto_css_parallax.asp

3. no crazy colors

Crazy colors make your website super hard to see and super unpretty.
Just stick to one theme of colors. there are a lot of those here: https://www.pixilart.com/palettes

4. add a lot of shadows

here is a website with shadows:

image

and here is one without:

image

It makes it much harder to see.

here is some css to make shadows:

box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important

5. dark mode

White backgrounds make people go blind.

here is a difference to make you understand:

image

image

Much easier on the eyes, right?

6. Cartoon illustrations

Cartoons make your website more fun and fun.

image

anyways that's it for this tutorial on modern web design. i will make a reply to show all of these!

Voters
Profile icon
AarjavKavathia
Profile icon
ruiwenge2
Profile icon
ch1ck3n
Comments
hotnewtop
Profile icon
Bookie0

Modern website design is the type of website you see most commonly.

That's...very precise..

Modern websites won't overdo stuff on design or the amount of stuff one single file has. Instead, it has a nice clean design with only one type of stuff on one page.

That's a lot of the word 'stuff'. Consider replacing it with another synonym or group of words?

Parallax scroll animation is a good slideshow effect and also looks good.

What's a slideshow effect? How does it look good? How does it work? What does it consist of? Does it use Python? (lol I know what parallax is, but maybe you should explain a bit more in detail)

But be sure not to overdo it so people won't get blind.

What?

  1. add a lot of shadows

No. That kind of contradicts your minimalist point. Shadows are a good idea, and do make your site look cool (and sometimes easier to see), but if you overdo it, it just looks bad to see.

White backgrounds make people go blind.

Completely false.

Much easier on the eyes, right?

Also completely false. It's a matter of opinion.

Cartoons make your website more fun and fun.

Why did you repeat fun? And how do cartoons make it look funner? Is it because kids like it more?

Anyways, hope I wasn't too harsh, you have some good points but you should elaborate more on them! :)

Profile icon
RobySul

I like this minimalistic website design much more than ordinary ones. This interface looks more rich and professional, at least in my opinion. Now I want to launch my website, and I would like it to look something like this. As specialists, I'm thinking of choosing guys from the service https://www.webcitz.com/website-design.html, since I heard that their design team consists only of professionals. If someone can advise me on this, I will be glad if you respond to my message.

Profile icon
karenberys

Thanks a lot for this tutorial. Web design is not just about how beautiful a site looks but also about how well it works, how easy it is to use, how readable the text is, and how easy it is to implement. As long as these elements are taken into account when working on a site, something will come out that will satisfy the users who access it, which is the most important thing. Guys from https://prosvit.design/ provide comprehensive digital services, including strategy, web design and development, branding, SEO, marketing, hosting, and support.

Profile icon
JaneJLocane

Cool! I really love the original design. I am working on building websites. And thanks to the site https://masterbundles.com/fonts/sans-serif/slab/ I was able to design a lot of resources. The original fonts and backgrounds make for very good work. The main desire is to create.

Profile icon
ridoskon

We did a site in a special office, which also does the design, though we changed the color. The guys from https://arrowtheme.com/ also said that bright colors are not needed now and do not make the site more attractive. The clients are not coming yet. The problem may lie in the unfortunate design of the home page and inappropriate content for it. I don't know. The look and design, structure and content of the home page affects your target audience's overall opinion of your business. The home page is the office of the business online, yes. The first impression depends on its presentability.

Profile icon
MikeyHelen

I saw your post right now. You have discussed a lot of things in this post. For modern design you need to try something unique. I recently built up one of my website with this one https://sitecreator.io/ The better thing is site creator pricing level is really low comparing to there. Besides, this one is easy to use as well.

Profile icon
ch1ck3n

@MikeyHelen very cool

Profile icon
MikeyHelen

@ch1ck3n Thank you so much!

Profile icon
Fullerp

The steps written by you for creating a modern website are really useful and can be a suitable support for a beginner in the field of web design and User Experience design. But still, I believe that if you want a digital page to promote your business, it must be done at the highest level; all the details must be well established. An office colleague of mine worked with wearephoenix.ca to create his company's website, and I can say that nothing surpasses the skills of a specialist in the field.

Profile icon
ch1ck3n

@Fullerp dead post

Profile icon
LeahBrown111

There are many things you can do with a computer that has nothing to do with websites. You can design databases, write macros, or automate tasks. And there are various careers in programming. But if you want to be a website designer, you should specialize. If you are working with other people, specialization means finding a niche. Nowadays, having an up-to-date website is very important. People look for the best graphic designers to do that. And you've got to design it so that people find it valuable. See some examples from https://www.creative.onl/web-design-packages/.

Profile icon
ch1ck3n

@LeahBrown111 absolutely

Profile icon
DynamicSquid

Shadows!