Slide background
Slide background

PROJECT DETAILS

  • CLIENT: Schlage Deadbolts
  • START DATE: Sept 2014
  • AGENCY: Rosetta Marketing Group
  • POSITION: Associate Design Director

MY ROLE

  • Worked remotely from Rosetta’s El Segundo office while reporting to Cleveland office.
  • Completed build of the interactive UX wireframes.
  • Conception, execution and art direction for the complete UI visuals.
  • Created 3 PSD break-points for all web-page layouts – desktop, tablet & mobile.
  • Created 6 PSD modular animation sequences for desktop and tablet.
  • Optimized PSD files for final delivery to client. (all psd files saved in shared DropBox account)
  • Worked closely with Project Manager, Account Director, Lead UX Director and Creative Director via Evernote, WebEx, emails and direct phone calls.

THE CHALLENGE

The client wanted for the “user” to scroll down each “device landing page” and having the “device” move in a diagonal route, from left to right, hitting a “landing-point” or “keyframe” per module until the “device” reached the footer. Based on timing, current budget and time allocation, we decided a different approach was needed.

THE SOLUTION

Having the each “device” scroll down vertically left-justified, instead of a diagonal route while the “user” scrolls down viewing each module.

iMac
iPad
iPhone 6

UI VISUALS

Led Art Direction on UI visual design efforts for Schlage Responsive Website, using interactive wireframes and style guides as reference points. I developed three PSD break-points (desktop, tablet and mobile) for 15 total web page layouts and had a constant collaboration efforts and discussions with my Creative Director through out the process.

GLOBAL NAV

INDEX HERO

PRODUCT PAGES

DEVICE LANDING PAGES