±¬ÁÏÍø

My±¬ÁÏÍøredesign

The Web Team launched the current My±¬ÁÏÍøportal in summer 2016.

Redesign objectives

  • Upgrade My±¬ÁÏÍøfrom Luminis 4 to the new Luminis 5 system.
  • Update the My±¬ÁÏÍøtemplate to optimize it for viewing on mobile devices.
  • Update MyPCC’s logo, colors, and typography to match the college’s new visual identity.

Redesign goals

  • Use modern standards and technology to better support future efforts, including:
    • Web standards (HTML5, CSS3, WAI-ARIA), Framework (Foundation), Repository (Git)
  • Improve accessibility throughout.
  • Update Course Tools and Sites to the new Luminis 5 version.
  • Implement single sign-on, account claim, account management, and recovery.
  • Better align with recent branding, add school spirit.
  • Enhance usability across multiple platforms and devices.

The design

Designs go through a long process and many iterations before they go into development and eventually go live. Below are some examples of the My±¬ÁÏÍøinterface through the design process.

Wireframe

Paper and pencil wireframe

Prototype

Black and white digital prototype

Color mockup

Digital color mockup

Final design

Final digital design