Smitty's Lawn & Garden Mobile First

 This is a site about Smitty's Lawn & Garden equipment. The objective of this site was to demonstrate how to properly use Mobile-first web design and to apply it by using it to create a Mobile-first re-design of the original Smitty's site ( Just the homepage for now ). What it means to be Mobile-first is exactly what it sounds like, Start with the small mobile sized and then gradually work your way up to the desktop size.

 Before i started working on the actual site, I wrote down all of the essential information and motives on the Actual Smitty's lawn and garden homepage. Next i sketched a rough estimate of what i imagined the Mobile-first site would look like. Now that i had moved onto dreamweaver, I started with the Navbar in mobile size and slowly worked my way up to desktop size.





















You can check out the site for yourself Here!

Comments

Post a Comment

Popular posts from this blog

Elmer's Electric Logos

Image
on this art board i tried out a bunch of different shapes for the e's and experimented with many different fonts. On this art board i selected which shape i liked ( the circle) and tried out a different font to make it relatable to the companies theme ( Elmer's Electric) I then decided to make a lightning bolt going through the E's which i like the look of. Here i tried combining the logo with a font and changing the stroke to fit the size to match the fonts size.
Read more

Personal Logo

Image
This is my personal logo. i started by taking the fundamentals we learned about and making more basic shapes that fit into them. i ended up with a contrasting colors kind of diamond. i then tried copying them and trying out diffrent colors i liked the blue and black the most. i then tried making it sideways from the original away. i liked the original the most. i found that this shows symmetry and balance making it a perfect simple yet says some things about me kind of logo. i started with a circle as a base because it simply shows perfection and unity making it a great way to show symetry and balance. i would definatly make more logos and designs with a base as a circle
Read more