Cooper Media Design
  • Arrive
  • Emerging UX Topics
    • Responsive Design
    • Design Systems
    • Microinteractions
    • Design Thinking >
      • Empathize
      • Define
      • Ideate
      • Prototype
      • Test
    • Design Delivery (UX & Agile Integration)
    • Software & Emerging Design Technologies
    • Usability & Research
    • Design Accessibility & Inclusivity
    • Copywriting Integration
  • Design Foundation Topics
    • Typography
    • Color
    • Grid, Balance and Spacing
    • Iconography
    • Elevation
    • Brand
    • Motion
    • Documentation
  • Portfolio & Past Experiences
    • Print & Branding >
      • Britair
      • Western Mass Sukkahfest
      • Hartford Mayor's Office
      • Sinai Temple
    • Motion >
      • Boiler Room Voiceover
      • Chocolate Factory Alternative Intro
      • NYTV
    • Older Design Archives >
      • Gradient
      • Infinite Scroll
      • CT DOT Annual Report
      • Equality Awareness Infographics
      • Be the Change
      • Soft Return
  • About & Contact
  • Arrive
  • Emerging UX Topics
    • Responsive Design
    • Design Systems
    • Microinteractions
    • Design Thinking >
      • Empathize
      • Define
      • Ideate
      • Prototype
      • Test
    • Design Delivery (UX & Agile Integration)
    • Software & Emerging Design Technologies
    • Usability & Research
    • Design Accessibility & Inclusivity
    • Copywriting Integration
  • Design Foundation Topics
    • Typography
    • Color
    • Grid, Balance and Spacing
    • Iconography
    • Elevation
    • Brand
    • Motion
    • Documentation
  • Portfolio & Past Experiences
    • Print & Branding >
      • Britair
      • Western Mass Sukkahfest
      • Hartford Mayor's Office
      • Sinai Temple
    • Motion >
      • Boiler Room Voiceover
      • Chocolate Factory Alternative Intro
      • NYTV
    • Older Design Archives >
      • Gradient
      • Infinite Scroll
      • CT DOT Annual Report
      • Equality Awareness Infographics
      • Be the Change
      • Soft Return
  • About & Contact
Search by typing & pressing enter

YOUR CART

Picture

Gradient

Gradient is a web platform to help students across campuses communicate and participate in interdisciplinary learning. This website is rich in content and gives students the tools they need to succeed and learn more.

Using a minimal interface, content is focused on the learning materials and not on the platform. Branding and header typeface used is Barlow Condensed, while body text is in a web-friendly Arial typeface.
​

The Gradient color system acts as a way-finding system for users to transition from feature to feature. These features are organized on the dashboard.
Use the full inVision prototype at invis.io/8DGBE9WFEJH
Picture
Picture
Copyright 2013-2021 Cooper Media Design. Some works in this portfolio were created during class time for educational purposes, and contain imagery that I do not own. ​I do not claim to own such imagery, but rather the layout and design principles applied.