Marketo & Older Work

Marketo Calendar HD

Problem: Marketers need a way to visualize their calendar in a better way
What I did: Created & iterated on an marketing calendar experience optimized for TV. Created a training course and presented it at a conference
‍Outcome: We got some great recognition
Product: Marketo
Users: Marketers with a busy email schedule
Highlights
Role: UX designer
Skills  & Methods: Concept design, wireframes, interaction design, documentation
Tools: Powerpoint, Sketch
Artifacts: Flows, wireframes, sketches, screens, prototypes, decks
The Story
‍The Marketo Marketing Calendar was a successful enterprise marketing automation tool. The HD version was a user delight feature made to show off at a user conference. I helped teach it to customers at the event.
‍
The Marketing calendar mockupThe Marketing Calendar live screenshotNotes from my customer training sessionsCalendar interactions
The Marketing Calendar
What I did
  • Wireframes
  • Interaction Design
  • Documentation

Marketo Email Templates

Problem: Marketers needed a better way to pick from our new html email templates
What I did: Created & iterated on template designs and scenarios
‍Outcome: We gathered feedback from marketers on the types and features an email template should have
Product: Marketo
Users: Marketers at enterprise companies
Highlights
Role: UX designer
Skills  & Methods: Concept design, sketches, interaction design
Tools: InVision, Sketch, Keynote
Artifacts: Flows, wireframes, sketches, screens, prototypes, decks
The Story
‍This was another concept shown at our conference. The email templates were an important part of of experience and having a section of powerful templates was a big focus for us.
‍
Email template flowsEmail template flowsTemplate selection
Email template flows and screen
What I did
  • Wireframes
  • User Testing
  • Interaction design

Top Box Foods

Problem: Help a non profit bring their work to the web
What I did: Created & iterated on a Shopify designs and strategy
‍Outcome: Sales were now possible on mobile devices
Client: Top Box Foods
Users: Users with limited access to food and groceries
Highlights
Role: UX designer
Skills  & Methods: Concept design, sketches, interaction design
Tools: Omnigraffle, Keynote
Artifacts: Flows, wireframes, sketches, screens, prototypes, decks
The Story
‍This was a pro bono project that we did to help Top Box foods bring their work to the web. We optimized the site for mobile ordering.
Top Box Foods sitemapTop Box foods desktop wireframeTop Box foods mobile wireframe
Sitemap and wireframes
What I did
  • Wireframes
  • Sitemaps & user flows
  • Interaction design

Glade Scent Stories

Problem: Use Facebook to drive engagement and sales using video
‍What I did: Created & iterated on a Facebook application
‍Outcome: Another successful project
Client: Glade
Users: Facebook users and Glade customers
Highlights
Role: UX designer
Skills  & Methods: User flows, sketches, interaction design
Tools: Omnigraffle, Kenote
Artifacts: Flows, wireframes, sketches, screens, prototypes, decks
The Story
‍This was my first time making a Facebook app. It was a simple idea that used photos from a user to create a video with a themed Glade frame tied to the season.
Glade user flowGlade desktop wireframeGlade desktop wireframe
Sitemap and wireframes
What I did
  • Wireframes
  • User flows
  • Interaction design

Walgreens Mobile Apps

Problem: Improve the Walgreens mobile apps experience
‍What I did: Helped create & iterated on many mobile features
‍Outcome: Launched things like Walgreens Rewards, Photo features, Prescription transfer
Client: Walgreens
Users: Walgreens mobile customers
Highlights
Role: UX designer
Skills  & Methods: User flows, sketches, interaction design
Tools: Balsamiq, Omnigraffle, enote
Artifacts: Flows, wireframes, sketches, screens, prototypes,
The Story
I had an opportunity to work on many types of mobile experiences for Android and iOS during my time at Walgreens. Our mobile apps won a Webby in 2013 while I was there.
Some older sceens showing Rewards, Photos, and In Store mapping featuresA wireframe for Android in store shopping
Some old screens and wireframes
What I did
  • Wireframes
  • User flows
  • Interaction design
© 2020  Justin Hernandez