I would try to get the text and image in the welcome-section to scale down more uniformly (i.e. scale down an equal amount) and at some point I’d stack the content.
Give interactions some transitions, like the menu opening and the hover effects.
Maybe give the form just a little more love. Look online for some inspiration. I know forms can really suck but even little things like giving the inputs 2px border radius and lowering the opacity on the border color can help make it feel lighter and less boxy. BTW, I really dig the floating labels, very nice. Add resize: vertical; to the textarea so the user can’t pull the field to the side.
Stack the text and the image is an option I tried, but I didn’t like it and that’s why I discarded it.
Because of the above, the text / image ratio necessarily had to be different in the mobile layout and desktop layout (therefore they cannot scale evenly).
About 10 years ago I had a sublimation printing business. That was the beginning of a long journey of self-taught design learning.
In the early years I was only looking for information about how to do specific tasks (remove the background of an image, change the color of an item, calibrate a monitor, etc.).
But in the last couple of years I set out to lay more solid theoretical foundations (more in-depth color theory, composition, use of white space, analysis of different artistic styles, etc.). That is why in the last couple of years I have progressed more than in the previous 8!
It was your product page that got me to your CodePen, that got me here. I love your work . Every single page has a lot of inspiring details in it, a specific theme and very different from the others projects. Your portfolio page is the best I’ve seen by now on FCC. Full of little touches that make it really special. I really like the way you placed showcased a phone display, next to the desktop, the minimalism and the smoothness of the animations and transitions.
I’ll have to ask: The female-developer-smiling image and your logo are made by yourself in Illustrator, or is there an online website for cool things like that.
You are an inspiration. Keep up the good work ! Keep on coding
(oh, and Happy Holidays )
Thank you very much for your kind words.
Regarding the logo and illustration of the girl, yes, I made them in illustrator, although for the illustration I was inspired by a gif that I found on the internet .
I would suggest that when the hamburger button is clicked on that the links fade in or slide down.
If you make the font-size of the links a little smaller and packed them a little bit closer together, that’d be great.
Although a couple of years ago I learned some things about HTML and CSS, only about six months ago I decided to become a web developer … and since then I have been studying (although it has not been full time).
I do learn by myself coding and programming. I recently moved into HTML and CSS. So maybe i have a bit of knowledge about front-end !!!
Also i am planing on building my own portfolio. So i checked your project with big eyes .
1- I really liked the designs and the animations also the combinations of colors were great .
2- I checked if its responsive . I can tell you had a very nice mix of both small screen and big screen and the Hamburger navbar was also nice and lovely.
According to my knowledge i would say you did a really great job and should be proud of yourself.
My only suggestion is maybe it would be nicer if you add a picture of yourself and a short story about yourself as BIO in the about section.