DEV Community

Discussion on: My portfolio 📜

Collapse
 
eldardautovic profile image
Eldar Dautović

I love getting feedback because it motivates me to do more! Any feedback is appreciated. I would love to hear your feedback!

Collapse
 
joellau profile image
Joel Lau

There are sooo many things I love about your website! It loads quickly, the code looks clean, and it feels modern and sleak. But let me try to talk more about what I think can be improved (from a design perspetive).

General Tips

  • Use title case for all headers (this tool might help)
  • The font-family "Oswald" places characters very close too each other
    • makes content less readable
    • consider adding letter-spacing: 0.025em; to all your text elements
  • Even the best copywriters use Grammarly

Hero Section / Masthead

Home Page Section

  • Reconsider using the word "Salesman", it is a job title, and becomes a distraction from what you are branding yourself to be (Front End Web Developer)
  • The word "Me" and "My" is used too often in the top nav bar
    • Here's are some alternatives (About Me, Past Works / Projects, Resume, Contact)
  • It is not immediately clear what is in the image
    • This CAN give the mysterious vibe, but its still a bit confusing

About Me Section

About Me Section

  • "javaScript" -> "JavaScript"
  • paragraph is relatively long, consider...
    • consider cutting some information
    • breaking it up into smaller paragraphs
    • spread information over more sections
  • consider information hierarchy
    • About Me is the most important, and the other 2 are relatively equal (implied by your design)
    • to further emphasize the above, align the top of the image with the start of your paragraph

My Work Section

My Work Section

  • The section header ("My Work") feels a bit inconsistent with the other sections
  • your projects look very pretty, but are cropped at weird sections - consider using MS Paint, Photoshop, Figma or similar tool to get a proper crop to do them justice!
  • card component proportions are weird, consider using a layout grid to get proper spacing between elements

Contact Me Section

Contact Me Section

  • Feels a bit "squashed"
    • caused by shorted height than the other sections
    • add spacing between each form component

Colors

Color Wheel

  • its not completely necessary, but I recommend taking a quick look at color theory!
  • colors are often chosen by first selecting a primary color, and choosing complementary ones along some scheme (see options available in screenshot)
  • the colors you have chosen are very close to each other on the color wheel, and looks a bit heavy because of it
  • color calculator tool
Thread Thread
 
eldardautovic profile image
Eldar Dautović

Wow I liked this so much! Thanks for giving me such good feedback!