Designer Challenge

Task

Context and Problem Statement 

ForCraigslist thisis projectan teamadvertisement challenge,website youfounded in 1995 by Craig Newman. Despite being one of the most visited sites on the internet (ranking as the 19th most visited website globally in 2023), its UI/UX design has remained the same since the early days.

Your task will design a homepage for a non-profit.

To access the full challenge template, click this Figma Link. The passcode is: bpdesignteam

Background Information

• Our nonprofit partner, PennyJuice, specializes in providing 100% blended fruit juice concentrate tailored for childcare centers. Their products are all-natural, organic, and some are even color-free.
• They approached usbe to redesign theirthe homepage and classified listing page of the site, with a freshfocus UI/UX.on Their key requirements include:
  • Retaining their original brand assets, such asmodernizing the logo.
  • Incorporating a modern and refreshed lookUI while notmaintaining beingthe limitedsimplicity tothat theirdefines currentthe brand colors.
• Here is their current website: https://www.pennyjuice.com/ 

platform.

Requirements

• CreateThe bothdesign Desktopshall andbe Mobilecompleted designsin Figma.
• MustA createdesign componentsystem pageshall (be implemented that defines the visual style of the website, including colors, typography, and spacing....) See example.
• BEThe CREATIVEsubmission shall include wireframes and mockups for each section (homepage and classified listing page) and each device (mobile, desktop). See example of a wireframe.
  

Submission Guidelines

• Create a new figmaFigma file.
• TitleThe the page with your Stevens username
• Design 1 desktop mockup and 1 mobile mockupname of the homefile pageshall be "Your Name - Designer Challenge F25" (Checke.g. Sample"Ivan SubmissionFarfan Pg)-
  Designer Challenge F25")
  • The desktopfile mockupmust shouldinclude havetwo aFigma widthpages: ofWireframes 1440px
  and
  mockups. 
• Choose any mobile screen size
  
• You must submit your figma file to Sahanathe andVP Audreyof Design, Ivan Farfan (ifarfand@stevens.edu) via email.
  • The submission should include a link to your Figma file (make sure to share it so that we can view it)
  • The subject of your email should be: Project Team Design Challenge F25
  • cc sit.blueprint@gmail.com

Please feel free to email Audrey (ayoo2@stevens.edu) and Sahana (sali19@stevens.edu) for any questions

SUBMISSION DEADLINE: 2/16TBD 11:59 P.M

Tips

• DesignStart by creating the design system. Consider the colors and typography you want to use throughout the entire site.
• Seek inspiration by exploring other designs. A useful resource is appshots.design
• Develop the desktop mockupwireframes first, then consideradapt howthem you’d implement responsiveness with afor mobile (smaller) screen sizeversions.
• KeepBase your mockups on the wireframes you created.
• Use brand colorsassets in(e.g. mind
logos)
• Framefrom andthe grouporiginal elementsCraigslist together
site
• Lookto atmake otheryour successfulmockups websitesmore in similar industries with similar audiencesrealistic.