Project 1 Preliminary

Post links to your Project One websites for discussion and feedback.
Post Reply
Hana_Mikie
Posts: 5
Joined: Mon Sep 02, 2024 7:57 am

Project 1 Preliminary

Post by Hana_Mikie »

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/
Attachments
Website 2 Phone Bver
Website 2 Phone Bver
Website 2 Desktop Ver
Website 2 Desktop Ver
GRC175_Project01_Pre02-1_HE.png (3.24 MiB) Viewed 52 times
Website 1 Phone Ver
Website 1 Phone Ver
Website 1 Desktop Ver
Website 1 Desktop Ver
GRC175_Project01_Pre01_HE.png (6.14 MiB) Viewed 52 times
~ Hannah Mikaela Estigoy

User avatar
Instructor
Site Admin
Posts: 1909
Joined: Thu Jul 21, 2011 8:51 am

Re: Project 1 Preliminary

Post by Instructor »

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!
"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

User avatar
Lhart
Posts: 19
Joined: Tue Sep 03, 2024 3:16 pm

Re: Project 1 Preliminary

Post by Lhart »

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.
- Liam Hartman :mrgreen:
Image

david_wolstenholm
Posts: 19
Joined: Mon Aug 26, 2024 1:57 pm

Re: Project 1 Preliminary

Post by david_wolstenholm »

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.
David Wolstenholm

rebekah_stevenson
Posts: 18
Joined: Wed Aug 28, 2024 7:19 pm

Re: Project 1 Preliminary

Post by rebekah_stevenson »

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

shasta_the_masta
Posts: 18
Joined: Tue Aug 27, 2024 8:13 pm

Re: Project 1 Preliminary

Post by shasta_the_masta »

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.
~ Shasta Mori ~

Luke_Nelson
Posts: 16
Joined: Mon Sep 02, 2024 10:17 am

Re: Project 1 Preliminary

Post by Luke_Nelson »

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.
Luke Dakota Nelson

User avatar
Perchy
Posts: 18
Joined: Tue Sep 03, 2024 12:01 pm

Re: Project 1 Preliminary

Post by Perchy »

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!
Thanks,
Percy Ames

Post Reply