Hello Everyone~
When designing my website, I wanted something simple yet aesthetic, and straight to the point. I wanted the theme to be soft to the eyes yet legible and easy to navigate. Since it's a personal homepage, I wanted to use cursive font for my name and for my "about me" to give it more personality whereas everything else that has important information is in readable font.
The two websites that inspired me:
https://emilyhogarth.com/
https://www.pascalvangemert.nl/
The two websites with information about web design:
https://blog.hubspot.com/website/website-development
https://www.forbes.com/advisor/business ... n-website/
Project 1 Preliminary
-
- Posts: 9
- Joined: Mon Sep 02, 2024 7:57 am
Project 1 Preliminary
- Attachments
-
- Website 2 Desktop Ver
- GRC175_Project01_Pre02-1_HE.png (3.24 MiB) Viewed 149 times
-
- Website 1 Desktop Ver
- GRC175_Project01_Pre01_HE.png (6.14 MiB) Viewed 149 times
~ Hannah Mikaela Estigoy
- Instructor
- Site Admin
- Posts: 1943
- Joined: Thu Jul 21, 2011 8:51 am
Re: Project 1 Preliminary
I like your first one, Hannah. I think the contrast goes well with your headshot.
I'm always a sucker for good contrast and this one has it. However, it's not as stark as the typical black and white layout. You do a good job introducing color, both with the photo strips above and below your content and your headshot. The black and white matches the front of your outfit and your hair in your headshot. Nice synergy! I like your header and bodycopy typeface choices. They compliment each other well. Your headline script type also does a nice job softening up the rest of the design. Nice use of margins and proximity to group things together, too. I can see what belongs where, but it doesn't feel crowded.
I'd recommend making the sky strips on your computer layout run from the right edge of your headshot to the right edge of your container. Same with the top and bottom bars around your navigation. I think you'd got a typeface too many with your class info font. How does it look in a bolder version of your bodycopy font? I'd also left align the bodycopy paragraph on your mobile version for easy reading.
Good work!
I'm always a sucker for good contrast and this one has it. However, it's not as stark as the typical black and white layout. You do a good job introducing color, both with the photo strips above and below your content and your headshot. The black and white matches the front of your outfit and your hair in your headshot. Nice synergy! I like your header and bodycopy typeface choices. They compliment each other well. Your headline script type also does a nice job softening up the rest of the design. Nice use of margins and proximity to group things together, too. I can see what belongs where, but it doesn't feel crowded.
I'd recommend making the sky strips on your computer layout run from the right edge of your headshot to the right edge of your container. Same with the top and bottom bars around your navigation. I think you'd got a typeface too many with your class info font. How does it look in a bolder version of your bodycopy font? I'd also left align the bodycopy paragraph on your mobile version for easy reading.
Good work!
"Inspiration is for amateurs. The rest of us just show up and get to work." — Chuck Close
Michael Ganschow-Green - GRC 175 Instructor
mganschow@tmcc.edu | 673-8200 ext.5-2173
Michael Ganschow-Green - GRC 175 Instructor
mganschow@tmcc.edu | 673-8200 ext.5-2173
Re: Project 1 Preliminary
Hello hannah!
Both your designs work well, you just have to choose which you like best.
One thing I might say on either you choose is to play with your body fonts. The script handwriting is pretty and distinct, but to make it more creative and distinct looking you could change the body text a bit smaller and to a simpler more readable font. Right now i think theyre both fighting for who is more interesting looking.
Both your designs work well, you just have to choose which you like best.
One thing I might say on either you choose is to play with your body fonts. The script handwriting is pretty and distinct, but to make it more creative and distinct looking you could change the body text a bit smaller and to a simpler more readable font. Right now i think theyre both fighting for who is more interesting looking.
- Liam Hartman
-
- Posts: 48
- Joined: Mon Aug 26, 2024 1:57 pm
Re: Project 1 Preliminary
Hi Hannah,
I like both designs but I tend to like the website 2 design better. your use of the black and white contrast is spot on and I like your font choices as well. I especially like the phone version of this design and the vertical gray sidebars that frame your picture, it's a nice touch. The only thing I can see that might dress it up a bit is to play around with different fonts for the body copy, maybe something sans-serif.
Good job on this project, in my opinion.
I like both designs but I tend to like the website 2 design better. your use of the black and white contrast is spot on and I like your font choices as well. I especially like the phone version of this design and the vertical gray sidebars that frame your picture, it's a nice touch. The only thing I can see that might dress it up a bit is to play around with different fonts for the body copy, maybe something sans-serif.
Good job on this project, in my opinion.
David Wolstenholm
-
- Posts: 46
- Joined: Wed Aug 28, 2024 7:19 pm
Re: Project 1 Preliminary
Hi Hannah,
I really like your first design. You’ve created a border to hold in your name and bio. The black background ties in with your black shirt. I really like the variation in type and how it is all still legible. Your second design has a lot of potential but the middle feels a little closed off.
Overall great job,
Rebekah
I really like your first design. You’ve created a border to hold in your name and bio. The black background ties in with your black shirt. I really like the variation in type and how it is all still legible. Your second design has a lot of potential but the middle feels a little closed off.
Overall great job,
Rebekah
-
- Posts: 31
- Joined: Tue Aug 27, 2024 8:13 pm
Re: Project 1 Preliminary
Hannah,
I love the colors and imagery of the second layout, but the first layout suits the dark, muted tones of the image better. I think the first one would be a better fit. In your mobile design, I would keep all the body copy aligned to the left, as opposed to the center, because it’s easier to read.
I love the colors and imagery of the second layout, but the first layout suits the dark, muted tones of the image better. I think the first one would be a better fit. In your mobile design, I would keep all the body copy aligned to the left, as opposed to the center, because it’s easier to read.
~ Shasta Mori ~
-
- Posts: 35
- Joined: Mon Sep 02, 2024 10:17 am
Re: Project 1 Preliminary
Hey Hannah!
I like your first design more. I think that you breaking up some of the black background with pretty sky pictures is a good idea. I like that the picture of you is really big and fills up that space nicely. I also like the way your navigation is laid out. I think the main thing you need to work on is font choice. Maybe narrow it down to just 2 fonts that work well together.
I like your first design more. I think that you breaking up some of the black background with pretty sky pictures is a good idea. I like that the picture of you is really big and fills up that space nicely. I also like the way your navigation is laid out. I think the main thing you need to work on is font choice. Maybe narrow it down to just 2 fonts that work well together.
Luke Dakota Nelson
Re: Project 1 Preliminary
Hi Hannah!
I really like your second design! It’s very pretty and eye catching! Though I think you should use the space that’s available to you instead of limiting yourself to a mobile size on a desktop screen! It’s all very clean and It’s very nice to look at!
Have a great evening!
I really like your second design! It’s very pretty and eye catching! Though I think you should use the space that’s available to you instead of limiting yourself to a mobile size on a desktop screen! It’s all very clean and It’s very nice to look at!
Have a great evening!
Thanks,
Percy Ames
Percy Ames
Re: Project 1 Preliminary
Hi Hannah!
I really like your designs! Your first design is very clean and modern! I think your image works better with the first one because of how bright the second one is. I like the font in your designs because it reminds me of a typewriter, for some reason the second one gives off a major typewriter vibe to me! But the fonts you have in the first one are very cohesive to the design and it works well.
Thank you for sharing!
I really like your designs! Your first design is very clean and modern! I think your image works better with the first one because of how bright the second one is. I like the font in your designs because it reminds me of a typewriter, for some reason the second one gives off a major typewriter vibe to me! But the fonts you have in the first one are very cohesive to the design and it works well.
Thank you for sharing!
~~Breanna Lumsden
-
- Posts: 7
- Joined: Tue Aug 27, 2024 1:38 pm
Re: Project 1 Preliminary
Hi Hana,
Your first design looks really great. It’s cohesive and has an overall theme. The second one seems to be missing something. But I love your use of color and the typefaces you chose work really well together. Overall great job. Best of luck.
Carlos
Your first design looks really great. It’s cohesive and has an overall theme. The second one seems to be missing something. But I love your use of color and the typefaces you chose work really well together. Overall great job. Best of luck.
Carlos