Mobile Web Design · UX/UI · Product Discovery
Role: UI/UX Designer, Visual Designer
Pennington wanted to bring the depth of its desktop site to people browsing on their phones. I designed the mobile experience, adapting a broad product range and practical lawn care guidance to a much smaller screen.
My focus was to make the next step clear, whether someone was comparing grass seed, checking planting advice, or looking for a nearby store. The site needed to feel unmistakably Pennington without making mobile visitors work through a desktop layout.
CHALLENGES
The challenge was to preserve useful detail while simplifying the path through it. Product differences, educational content, and navigation all needed a clear hierarchy, alongside a ZIP-code store finder that helped visitors locate nearby retailers.
GOALS
Simplify discovery: Make products easy to browse by brand, characteristics, and grass type within limited screen space.
Keep guidance close: Present planting instructions, seasonal advice, and product information in a readable mobile format.
Connect browsing to place: Help visitors find nearby retailers by entering their ZIP code.
ACCOMPLISHMENTS
Adapted the desktop experience: Carried Pennington’s natural textures, color palette, and brand imagery into layouts designed for mobile use.
Designed clear browsing paths: Organized product lists, expandable navigation, and detailed product information into a consistent mobile experience.
Designed a store locator: Created a mobile page where visitors could enter their ZIP code to find nearby retailers.
MOBILE PRODUCT DISCOVERY
I brought the desktop site’s natural textures and brand imagery into a focused mobile layout. Clear homepage choices led into product browsing, while brand, characteristics, and grass-type categories helped organize the range. Product details paired planting zones with practical specifications so visitors could make a more informed choice.
PRACTICAL GUIDANCE & SUPPORT
I organized planting instructions into expandable sections so visitors could open the advice they needed without working through every detail at once. Lawn care tips and a straightforward contact form extended that same approach: keep the information useful, readable, and easy to act on from a phone.
NAVIGATION & VIDEO CONTENT
The expandable menu kept the main sections within reach and revealed product categories when needed. I paired that browsing structure with a video library presented as a vertical list, carrying Pennington’s educational content into a format that worked naturally on a smaller screen.
Interested in working together?