Barb'her Salon

Classic salon website. Elegant, responsive, snappy! Is capable of hosting about 10,000 visitors everyday without any hiccups!

Link to project: https://barb-her-salon.netlify.app/

How It's Made:

Resources used:

• HTML
• Pure CSS
• Javascript
• Netlify.com for hosting
• Freepik.com for images
• Colorhunt.co for color palatte

Optimizations

The following steps helped better the user experience, and enhanced load speeds by 270%!

URLs: Pretty URLs

CSS: Bundle & Minify

JS: Bundle & Minify

Images: Lossless compression

Lessons Learned:

Learned how to use the flex-box proper.

There was a time where I was having trouble with the experts-images. Fixed it with a bit of z-index and background-image props.

Learned best practises to optimize images, and prettify URLs.

Learned Media queries proper.

Learned UI and UX deciding the color schema.

Also check:

Egglectic Cafe: https://github.com/FreelancingTwin/Egglectic-Cafe/