in season

Website UI & Front-end Programming


role

Lead Desginer


duration

1 Month


tools

Adobe Illustrator, Adobe Photoshop,
Figma, VS Code

overview

IN SEASON is an idea born from a personal struggle.

IN SEASON is a website to help people identify fresh produce at local markets. It lists characteristics of different seasonal fruits and vegetables, and provides tips on how to prepare certain produce!

why in season?

Growing up as an Asian American, a lot of acts of affection are conveyed with food. Fruit in particular hold a special place in my heart—from the way my bà ngoại (maternal grandmother) makes me dried persimmons from her trees, or the way my dad buys yellow dragon fruit even though they're expensive because he knows I like them Coming to college I realized I had taken the fresh fruit & vegetables at home for granted. I never knew the ‘right time’ to buy certain produce and picking good produce was not a skill that I had After moving into an apartment with my friends, I realized they were just as bad as me if not worse (one time I let my friend go grocery shopping by himself and he bought wilted green onions...) Hopefully this site can help others in similar situations enjoy the taste of fresh produce :)


The landing page features options to sort through produce by the seasons they are available in. The window blind animation and scenery change serves as an added touch to provide feedback to user input, and to enhance the overall experience of site navigation.


Info boxes can be toggled open and close to display information and tips on choosing different produce.


Under the How to Prepare tab, steps, tips, and visuals for various basic preparation techniques are listed.

Fun fact: A total of 21 unique assets were created for the fruit and vegetable icons used throughout the site!