Objectives
• Conceptualize and execute a website refresh
• Utilize Figma for web design
• Use Typography & Color appropriately for the web
• Use good principles of layout for responsive devices
• Understand web design deliverables and why each are important
• Utilize Figma for web design
• Use Typography & Color appropriately for the web
• Use good principles of layout for responsive devices
• Understand web design deliverables and why each are important
Overview
Select a company that interests you and would be appropriate for a website refresh. (Can be real or fictitious.) Research the company (history, business goals, messaging, etc.) Define the target audience and keep them in mind when you’re creating the website. Within this project you will create the following to complete an entire refresh for your chosen company.
Challenges
With this being my first time designing a website using Figma, I first had to learn the program and then apply UI principals to my work. After a few rounds of critiques, I learned to employ the appropriate hierarchy of information so the final design improved significantly from the wireframes.
Research
Target Audience: (research based on target audience of farmer’s markets)
Location: Residents of Germantown, Maryland and it’s surrounding community
Age: Millenials, Gen X, Boomers
Gender: Female
Income: Higher Income
Education level: Higher Education
Family: Married or Married with children
Lifestyle: May have dietary restrictions, practices healthy eating and living habits
Interests/Values: Supportive of local farming and agriculture, shops small and local businesses
Desires: Seeks fresh/organic foods and produce, homeowners looking for customizable and unique furniture pieces
Old Design

Web Home

Web About Us

Web Vendors

Mobile Home

Mobile About Us

Mobile Vendors
Mood Board + Information Architecture

Mood Board

Information Architecture
Wireframes

Web Home

Web About Us

Web Vendors

Mobile Home

Mobile About Us

Mobile Vendors
Final Design

Web Home

Web About Us

Web Vendors

Mobile Home

Mobile About Us

Mobile Vendors
Mockups


Feedback