P1_final_kb

Post links to your Project One websites for discussion and feedback.
keatonbeatty
Posts: 66
Joined: Mon Jan 23, 2023 8:50 pm

P1_final_kb

Post by keatonbeatty »

Hello!
For my final layouts, I decided to go with the second group from the first critique. I really fell in love with the background pattern I used for this design and think it creates some good textures and visual interest. I took some of the advice given to make it look more derived from the web version by keeping the layouts similar as well as the type styles used in both layouts cohesive as well. I did keep the web design the same, I just couldn't come up with a version I liked better, it seemed once I started moving things around it lost its gridded structure and smoothness, so for the final, I just tried to focus on making the mobile version better with more of an emphasis on my logo. I liked the green bar across the top of my mobile so I also tried to create kind of the same vibe with my other version by creating a little divider out of the same color as well.
Attachments
mobile_final.png
web_mockup_02(web).png
web_mockup_02(web).png (5.7 MiB) Viewed 1033 times
~ keaton beatty

User avatar
Hinata_Sato
Posts: 105
Joined: Tue Jan 24, 2023 7:43 pm

Re: P1_final_kb

Post by Hinata_Sato »

Hi Keaton!
I'm happy that you went with the design you chose! I love the mobile version a lot more than the previous one. The pattern in the back is working really well with the black-and-white picture and colors you chose for the other elements. Sans serif fonts are easier to read and I love how the green theme matches one of your hobbies! These are so small things, but I would fix the orphan (2023) for the computer version and make the light green line slightly longer so it will match the green buttons on the top for the mobile version.
Hinata Sato

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

Re: P1_final_kb

Post by Instructor »

Hey! The leaf topographical map one. Nicely selected, Keaton.

That background pattern is really working well for you here, Keaton. It creates such visual interest in the nice clean layout that you have here. The whole thing feels very well balanced both vertically and horizontally. Your image balances your bodycopy and your header balances the text below it. You've got pretty good margins here as well. Most things are not too tight. Your colors are really establishing a look here. You even green tinted your image. Or the grren of the composition is giving my eyes color bleed. Either way, cool! You've got nice use of contrast as well. Keeping your greens pale let's your black text stand out well against the background. Your navigation is easy to see and use.

The text in your buttons do not seem to share the same baseline. Also, I think the buttons on your computer layout would all look a little better a little wider so your Project 3 button can have a little more margin around it's type. Similar to what you did on your mobile version. On the mobile layout, I'd probably scoot your buttons together so the left edge of your Project 1 button matches the left edge of your green bar and the right edge of your Project 3 button matches the right edge of your green bar. I think your green header bar on your computer layout could have had a little more padding so the logo and text don't touch the edges.

Good job!
"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
YoAdrian!
Posts: 98
Joined: Mon Jan 23, 2023 8:13 pm

Re: P1_final_kb

Post by YoAdrian! »

Hi Keaton,
I love the background as well! Good choice keeping this design. The different greens play well together and compliment the cleanliness of your typeface. The only thing I would add at this point would be the larger green bar from the web version to the mobile version. I see the smaller green bar, but I think making it larger as you have it in the web version would work well too. This is a really pleasant and calming design; I love looking at it!
-Johnna Chism

isaacm03
Posts: 106
Joined: Thu Jan 26, 2023 9:10 pm

Re: P1_final_kb

Post by isaacm03 »

Hey Keaton!

Great work! I am such a fan of your layouts, especially your background pattern and color palette. I think they complement each other well, and the pattern is very detailed without sacrificing readability, which can be hard to balance. You made the right call in terms of options. As for critique, I think you could make the project buttons type smaller, and use a lighter typestyle. I only say this because I think K. Beatty Graphics should have more prominence in your layout. Nice job! I feel very relaxed looking at your layout, and it feels quite friendly.
Isaac M!

kelseymarie_ba
Posts: 106
Joined: Tue Jan 24, 2023 7:47 pm

Re: P1_final_kb

Post by kelseymarie_ba »

Hey Keaton,
I think the background is eye catching and the use of a black and white photo helps balance it all! Something that you can consider changing is the font size of the TMCC information, you can even hide it in the bottom of your website if it's small enough! Hope that helps! Good job! :D

Kelsey Bautista

yasmin_bean
Posts: 15
Joined: Tue Jan 24, 2023 7:55 pm

Re: P1_final_kb

Post by yasmin_bean »

Hello,
I love the natural leaf design and feeling you have going on. I also like your logo and the breakup you did with the 'B'. Your hierarchy works very well and I like how you lower the bold as you go down the page. I don't know if it's just me and my habit to overcomplicate things but it does feel a little too straight forward, I might feel different once I have the ability to interact with it but that's just how I feel at the moment.
Yasmin Bean.

lil_cactux
Posts: 84
Joined: Tue Feb 07, 2023 2:03 pm

Re: P1_final_kb

Post by lil_cactux »

Hey Keaton, great websites! They look beautiful. I too love plants and your background really appeals to me.

S_Osmar
Posts: 71
Joined: Tue Feb 07, 2023 1:39 pm

Re: P1_final_kb

Post by S_Osmar »

Hi Keaton,
Your final designs look really nice! I love the shade of green you chose for your design, it makes it feel good to look at and it works well with the background pattern. I think the greyscale picture helps with the overall design as well by limiting colors! I would probably work with the space between your picture and your subtitle type in your mobile design. Great work!

User avatar
qcottel
Posts: 20
Joined: Tue Jan 24, 2023 7:47 pm

Re: P1_final_kb

Post by qcottel »

Hi Keaton!

I love that you went with the leaf back round design, I think it works well as a texture to make your website pop off!
One thing that I'd change is the size of the buttons on your website top just a tad bit smaller, just so the other elements have room to breath a bit better!
Anyway, Good Job!
Quinn Cottel TMCC Student
quinn.cottel@gmail.com

Locked