adrienne ivers johnson
 
8240019035d72c950154fae93a5afcf4.jpg
 
 

Φ In Nature

CLIENT
University project

ROLE
Web Design, Digital Prototyping, Branding, User Interface Design

What do a pinecone, snail shell, pineapple and sunflower have in common? Phi (the golden ratio)! 

This website prototype is for nature lovers and those interested in the connection between math and nature. One can type in their zipcode and local flora and fauna will come up that exhibit these mathematical patterns. The golden radio creates a pattern found through a sequence of numbers, and we can find this spiral in nature all around us. 

 

 

 
 
WebsiteLandingPage3.gif
P3-Full-1.jpg
 
 

THE CHALLENGE

I wanted to create a simple, easily navigable user interface that would give visitors the opportunity to engage with the golden ratio. The challenge was to have this match the Scientific American website and overall web design as a microsite, but to also be able to stand alone. There are certain elements that needed to be included, such as how links appear when highlighted, a place to sign up for an e-mail newsletter, and a means to navigate back to the general website. 

 
 
P3-Full-2.jpg
daa8774de80b9ea1bb9701c0a0e36c43.jpg
 
 

THE APPROACH

I had the main navigation in the top of the website, and all other social and actionable links in the footer. Each sections serves a purpose—to inform on what phi is, where you can see it in nature, where you can find it in a specific area, and a social feed for people to log instances in which they've encountered it. The colors match the overall company branding, while balances potentially image heavy pages. 

 
ezgif.com-video-to-gif-3-2.gif
P3-Full-4.jpg
 
P3-Full-9.jpg
8afdd353397f05a17f90c4e4c4a7589a.jpg

Prev   /   Next