Share your portfolio if you want feedback! (CLOSED)

What I liked:

The speed of the site.
How clean the site is. Dark grey and white have always worked well when it comes to contrast. Your image fits right into the hero area.
Animations on load and the ones that show your interests after it has loaded, to make it look interactive.
Social links are well placed and with great contrast and I like how they are stuck regardless of a scroll position.
Modals to view project, great to get details fast.

Some ideas I would consider:

Set the background color to white for your header and increase the z-index so the header is always at the top when on screens around 1000px and scrolling. The same goes for the footer.
Set darker top navigation text color, to match the color of your main text in the hero area. I would also bold them, and probably change the font style. I would do the same for the footer text as well in the bottom left.
When using media breaks for projects, go from 3-2-1 rather than 3-1 as it is now, somewhere around 580px width, the text on them does not fit.
I would build the custom contact form with name, email, message, rather than using 3rd party solution with multiple steps. That way it would be more intuitive, fill up the field you have left for contacts better and users would be more willing to fill it.
Also when resizing, you put social media icons and copyright above each other. I would leave them the same size as they are on the desktop version and put proper padding for them, so it goes well with your overall layout of the site.

Pablo Herrero • Jan 12 '21

Thank you very much for the feedback, Mazda! As soon as I have time I will put your advices into practice :)

Awesome to hear, hope you find something useful 👍😉

E.R. Nurwijayadi • Jan 11 '21

Very cool...

Inspiring.

Lucifer Chase • Apr 7 '21

Loved your site 🥳
Just a small thing, when hovering over a link, even though it changes colour, it sometimes feels weird and not sure if it is even a link or not.
So maybe adding an underline or changing the mouse cursor or something like that?

Chris Bongers • Jan 11 '21

chrisbongers.com

What I liked:

Easy to navigate.
Hitchhiker's guide to keeping track of progress is unique.
URLs with hashes to forward the user to a specific position.
Particle background to simulate the night sky.

Some ideas I would consider:

'Things I'm proud of' image content took me a while to load on the initial load. Once the images are catched everything is smooth.
In your overall layout of the site, I think the 'Things I'm proud of' items would look better if you would use title, description, and image pattern to display. Currently, it is hard to understand what each project is about without visiting the live link.
I miss some more interactive stuff, like zooming skill boxes on hover, changing color on navigation items on hover, etc.
Reduce the height of the header once the user starts scrolling, to increase the reading space and set it back to normal once the user is back to the top.
Also consider implementing a separate header for the mobile version of the site, to increase the reading space for small screens.
The way 'Don't take my word for it' currently swaps the recommendations could be improved. I would most likely create a new custom component for it, so the transitions are cleaner.
Maybe consider implementing the light mode switch for the site.

Chris Bongers • Jan 12 '21

Hey thanks!

Will definitely take these in consideration! ✌️

No worries, hope you find something useful 😉

Jesus Enmanuel De La Cruz • Jan 11 '21

enmanueldelacruz.me/

E.R. Nurwijayadi • Jan 11 '21

Awesome. Really Cool.

Jesus Enmanuel De La Cruz • Jan 11 '21

Thank you :D

What I liked:

The white and blue used to split the screen.
Nice hover effects in the navigation and portfolio items.
Section title fonts and creative styling.
Clean looking Projects and Contact pages.
Great UX thanks to smooth transitions through white.

Some ideas I would consider:

That grey shade on the HERO page does not fit with the white and blue you use. Set the text in the hero section to plain black (keep the name blue) and do the same for non-active icons at the right. It would look much more cleaner.
Add some hover effects for the 'More' and 'Send Message' buttons as well. Like, change the color to a lighter/darker shade of blue.
Set that dark grey you use to a plain black in the About Me section for Personal Information and Main Skills. That is crucial info, that needs to be highlighted.
Each project would need some more description. Whether or hover or even better on the modal that pops up when you click on a particular project.
Your mobile menu has a Blog section, which does not work. Check your console. Once you fix it include it in the desktop version as well.

Jesus Enmanuel De La Cruz • Jan 11 '21

Thank you for you review, I will consider your ideas :D

You are welcome 😉
Hopefully, you find a use for something 😉

Charanjit Chana • Jan 11 '21

Always open to feedback, so thanks in advance! Mine can be found here: charanj.it

What I liked:

Loads almost instantly.
Resume type of portfolio. Pretty unique.
Your image and position to introduce yourself.
The font looks clean.
Good for responsive screens.

Some ideas I would consider:

The dark brown background is not the best you can get for contrast for the white font. I would try some darker shades.
Set the section titles (Experience, Subscribe, and The latest) the same size as your name is at the top. They each start new sections and therefore need to be more highlighted.
Try to give some different colors for links you use, rather than white, to give more accents to your site. Do the same for the subscribe button, as well. Set them all to the Red you use. Or step outside and use some bright green or blue.
I would remove the background color you use for 1 Thing A Week panel. If you, by all means, want to keep it, set it to a way darker color, so it goes well together with the background, and use it on the Experience and Subscribe blocks too. Leave both Intro paragraphs and 'More from' as they are.
The emojis you use would look better if you would use them in native colors. They would look especially good on the darker color background as I noted in #1.

Charanjit Chana • Jan 11 '21

Thank you for the feedback, I have one question though, is your device set to show dark mode? I wonder if any of the feedback around colours changes when viewed in light mode instead?

Some good points you raise I will definitely look at making some changes based on your feedback. Thank you for taking the time to review my site!

I guess you are using something like this since you ask. Yup, my OS is currently on dark mode. 🌙

You are welcome, hopefully, you find great use of something 😉

Charanjit Chana • Jan 11 '21

There’s no toggle, it just uses your system preference to decide. Your feedback made me think about it differently though... I should look at it in dark mode more often!

Yeah I know 😉 That particular hook uses your system preference to decide as well, that's why I referenced it 😉 I see, you are mostly on light mode and see light mode in your portfolio as well 😀

E.R. Nurwijayadi • Jan 11 '21

Lovely.

Benjamin Muskalla • Jan 11 '21

bmuskalla.github.io/

What I liked:

The fonts look awesome and very clean.
Your photo looks crisp and the oval formatting fits right in.
Clean social media icons. Great contrast due to black and white.
A nice accent of green here and there thorough the site.
List pattern is kept through the site. Simple and minimal, yet effective.
Great navigation bar functionality for mobile screens.

Some ideas I would consider:

Increase the font-weight for navigation a bit or change their color to a darker shade to match the theme of the hero area. Same for the footer.
Remove the extra padding or margin for Blog Archive items, so they keep the same layout pattern as Articles, opensource, and Talks.
Use the same font size for the Vitae as you use in previous sections. Currently, Vitae content looks a bit squeezed.
Maybe consider using some slight animations between the pages (like fading), so transitions would be smoother.

Benjamin Muskalla • Jan 11 '21

Thanks, Mazda, very appreciated. Lots of good suggestions, I'll include some of them.

Awesome to hear, glad you found something useful 👍😉

E.R. Nurwijayadi • Jan 11 '21 • Edited

This is not a portfolio site. Just a blog. Not as good as most people here. But I share it anyway.

🕷 epsi-rns.github.io/

After all. Thank you all for giving such comment. Now I know that I need to enhance the looks of my blog.

Good job on laying out the content. HTML side is already there. For CSS I would try to do a full re-design, use dribbble.com, behance.net, and Pinterest to inspire you.

E.R. Nurwijayadi • Jan 12 '21

Thank youuuuu..

My pleasure 😉 Hopefully you will find some additional inspiration in those resources 😉🎨

Middleclass Dev • Jan 11 '21

wizlee.dev
Thanks in advance! 🙌

What I liked:

The color scheme used for the site and the random shapes look clean.
The UX when scrolling and using animations to display the content.
Clean and great looking About me section, image look great on that white background and well-formatted with that oval shape.
The cards are beautifully formatted with a nice hover effect.
Social media cards look clean on the white background.
Feels good on mobile devices.

Some ideas I would consider:

Change the profile pic in the top left to the logo of a text of your full name or initials. Would probably look good on plain white.
I'm not a fan of the font used on the landing page. Try some more rounded fonts, or if you stick with the one you have, decrease the letter spacing, and increase the size a bit.
Animations that change your skills on the landing page are overlapping your greeting text. Plus each time the different length of the text is switched, it affects the greeting position, which should be intact.
If I scroll fast, the writing cards load too slow. I'm at the bottom of the page, yet only the first row of cards is loaded. I expect the same would happen for Projects if there would be more cards.
Change the font for the footer to some more rounded fonts, as well (like already mentioned in #2)
Fix the 404 in the console and remove the console log output.

Middleclass Dev • Jan 12 '21

Great stuff, appreciate the feedback! Will make improvements according =)

No worries, hopefully, you find something useful 👍😉

Sulman Baig • Jan 11 '21

sulmanweb.com

Netlify vuejs frontend
Dev.to backend api

Try darker background shades for those panels. And lighten the body background.
Remove the image in the Header. It duplicates the one you have in the top panel.
Move navigation items to right (to the point where the content ends on the right)
Align the text of the first panel to the right side.
Add some different colors to the links to give some accents.
Consider using white text color. It would look great if you do #1.
Make sure you use white social media icons.
Add images for blog posts already on the main page.
Use lazy loading for images once you open blog posts.
Put posting date and tags under the title and give proper padding for them. *Use some bright green or blue to load more button background.

Cesar Aguirre • Jan 11 '21

I'm working on my blog/portfolio: canro91.github.io All comments are welcome. Thanks

What I liked:

The site is very quick.
Clean looking font for the Blog, About, and Project content.
Minimal feel and very easy for the eyes.
Code formatting theme goes well with the site color palette.
Overall the content (right side) looks great.

Some ideas I would consider:

I would suggest putting the content that's currently in the About section to Home.
Create a new section Blog (under the Home) and put there everything that is now in Home. And then remove the About section as it is left empty now.
The landing page should be the introduction. Both points above fix that.
I would suggest using all the vertical space in the sidebar, that way you could make more margin between items and they would not be so squeezed.
Change font for navigation, make the nav items bigger, highlight them. Currently, it is hard to notice there is navigation at all.
Center the social media buttons and put them under copyrights.
The date and the tags you use under the blog title need re-design. See how it looks without the tag icon. Consider removing it (since you don't use icons anywhere else) to continue the minimalistic approach.
Consider developing separate navigation for mobile screens, like the hamburger menu in the top left or right, that opens in the whole screen with the nav list.

Cesar Aguirre • Jan 12 '21

Thanks Madza for all your comments. Yes, I'm working on a landing page to replace the content of the Home page. I will put your comments into action. Thanks again. Happy coding!