Filta Redesign

This is an opionated redesign of filta's homepage.
You may visit the site live here filta-redesign.netlify.app/

---

Problems

• Appreciation

  • Consistent Colors and spacing
  • Plenty of white space, made the site feel breathable
  • The introduction is on point
  • Provides learning materials
  • Great Grammar, clear on the value/service you give.

• Needs to change, asap

  • Introduce icons
  • Introduce gray shades
  • De-emphasize body texts by desaturating it
  • Change underlined links to simply have arrow icons
  • Contact Section
    • Black over white, bad for the eyes
    • It does not look like a form
    • Change the color of placeholders on input fields
  • Change the slider on the testimonial section.

• Nitpicks

  • Lack of visual cues for navigating the site, add a navbar on large screens
  • Images competes with the content for attention
  • The site is too long, remove a few sections.
  • Contact form should not be at the bottom
  • Center the headlines on a section and don't use diagrams on negative spaces.

---

Run locally

This assumes you already have npm installed, if not go and install nodejs.

• Clone this repo: git clone https://github.com/RomanMunar/filta-redesign
• Then, cd filta-redesign
• install deps, npm i
• build the css file npm run dev or npm run build for the optimized build
• Install Live Server on VSCode then open http://localhost:5500/public

Contact me at roman.munar1@gmail.com, I'm hoping for a feedback so, see you in my inbox :)