https://www.hirematt.dev/
This is very much a serious website, but also still a work in progress, I would love to hear what people think, and appreciate any feedback!
Thanks so much you guys.
https://www.hirematt.dev/
This is very much a serious website, but also still a work in progress, I would love to hear what people think, and appreciate any feedback!
Thanks so much you guys.
Hi Matthew,
I like the effects, especially the particle ones, but I think some animations are a bit too long (for example the ones of the buttons in the navbar). Iād also stop the animation loop in the navbar after some iterations because it tends to distract the user from the content of your website. If you stop them though, youāll need some other visual cue for the active element (maybe a different colour for the text).
The pictures took a bit of time for me to show up. I canāt inspect them but Iām using a 4G connection at the moment, which should be kinda fast. That makes me think they must have a very high resolution.
I suggest you to have the pictures in different resolutions and serve the correct one based on the clientās screen width.
You can do this either with CSS media-queries or with imgās attribute srcset (take a look at this answer from @DanCouper : Images with different sizes and quality?).
I also think that making the text in a light color rather than black would make your website more accessible. At the moment there isnāt enough contrast because also the background is dark.
Lastly, for the contact form, Iād move the ācontact meā text closer to the form and more away from the navbar. Also Iād put the submit button on the right side (but this is just a personal preference).
Good job
The animations are quite impressive, well done. Having said that, a few things I would recommend:
I personally donāt like dark background colosr for a portfolio, Iād definitely go for a light background color instead, itās seems easier to read and it looks more āfriendlyā. But if you really want to use a dark background color I would combine it with another color other than a dark one. I recommend you to go to dribbble or similar websites and get inspiration. Overall your portfolio animations are cool but the design can improve.
Remove the hover effect from the credentials photos, itās very annoying for the user experience, use a click event instead and add a fade in animation to the popup.
Iād consider making your header responsive on small screens because the letters and contact blend together.
Iād also think about putting projects on the main page (or put your certificates on a different page) because from what I understand people are more impressed with what you can do than what certificates you have earned. However, thatās just my opinion based on what Iāve seen on this forum and job postings.
Thanks very much, Iāll address every single word youāve mentioned, and I appreciate your time.
Ok, thanks so much for your constructive criticism, I think itās really valuable.
Good point, I was going to do that but I guess I moved on to programming something else, thanks so much for taking your time to help me out!
Hello, Great work on the website, neat animations!
If I may add just some points:
1- black text on black background isnāt very readable, I believe there should be some color contrast between the background and foreground. You can check your contrast ratio here https://webaim.org/resources/contrastchecker/
2- If some images in the certificate section arenāt loading but on hover they āexpandā showing nothing but still you have to move the cursor away to be able to click on anything. Iād have to agree with @Gilbert1391 about removing the hover effect, Iād also recommend not enlarging the image for almost full screen size.
3- The header/nav area arenāt very responsive as on smaller windows. e.g: the ācontact meā link overlaps the site name and the navbar covers half the āLetās Talkā link.
Great job nonetheless!
Itās a fun site, and there is a lot of info there. I would make sure you have front page above teh fold the type of work you want people to hire you for.
with the color scheme and animations, the front page looks like myspace (sorry, no offense, but animations arenāt development, unless youāre specifically wanting to do UI & animationsā¦and if thatās the case, you should include that in yoru skills.
I wouldnāt expect people you want to hire you to know what all the different dev bootcamp certificates are. But I also donāt know what kind of job youāre looking for.
IOn contrast the āmy notesā page continas a lot of info that may or may not be impressive to yoru proespective employer. If youāre looking to get hired with a dev firm it may not be real helpful. If youāre looking to get hired as an exper tby a small business that wants a coder, maybe theyāll be impressed?
Overall, I think the site looks good and Iām sure some significant thought and work went into it.
But if you want to use this to actually get work, you need to focus your prospective employers on the first page, then use the rest of the site to support the work you want.