top of page

RiseSmart

Design Overview 

 

Concepts & Foundations

MY CONTRIBUTION

  • Conducted periodic user studies on product

  • Provided Competitive and Web Trend analysis

  • Designed Next Generation concepts – dashboard, navigation, question formats and explorations of look and feel

  • Compiled Task Analysis of accounting procedures for internal product

  • Created Client Personas

  • Created Product Styleguide – look and feel “cheat sheets”, resources for localization, accessibility and UI patterns

  • Provided Quality Assurance

  • Reviewed end-to-end client experience

RiseSmart - Outplacement Product

RiseSmart is disrupting the Outplacement space by integrating human services and technology in new ways. One of the key components of their solution is a personalized job search engine coupled with an in-depth user profile that maximize search results.

Ghosted back collage of UIs overlaid with shapes showing statistics: An average of 300 job seekers apply to any given job posting online", "61% of recruiters will dismiss a resume because it contains typos", 70% of your time should be spent on networking when looking for a job".
About This Project

This is a pre-release product and bound by non-disclosure agreements; what I can show is high-level concepts and mockup examples.

We were a small product team, which provided me the opportunity to contribute/lead/exercise within many areas of the product.

 

This page shows some of the Next Generation work I was doing. The focus for my examples were responsive design, navigation and simplifying forms.

 

The mindset of a person that has been laid off, is not of a mainstream user. They are upset, most often their self-confidence is shaken. We needed to keep things simple and offer guidance when needed.

Two example persona/profiles of target end users, of a man and a woman

To keep on top of the next release we wanted to put together some new interactions and designs so we would be ready when it came time for the next release of the product.

Navigation

Text: RiseSmart Next Generation - Responsive Design, Targets, Navigation, Image: Wireframing for proposed targets section

After compiling a web trend report for inspiration I was able to work up some ideas for responsive design and the navigation. Along with the high level navigation there was a concept of “Target” that I wanted to up level. A “Target” is a saved company or job posting that the customer was interested in. With these, they could do research, find and network with contacts in common or even apply for a job.

In the current product, the targets were hidden down a level from the landing page. Since targets were, in the customer’s mind, the most important reason that they would return to the application, I felt they needed to be more accessible. In my design, the top 4 “Targets” could be displayed in the app represented by icons floating on the edge of the screen, overlaying the UI. Selecting a target would reveal it’s information and allow the user to proceed in a number of ways.

Form Questions

Text: RiseSmart Next Generation - Responsive Design, Question Formats. Image: Wireframing of proposed question formats

Perception of complexity with a long multi-question form makes a task daunting. Filling in a profile was critical to a customer’s success, giving their coach and resume writer as much information about themselves as possible.

We’d used wizards before, but this time it was lighter and simpler in look and feel. The user could jump between questions, choose to skip some questions and be offered optional answers that might be appropriate for their profession. Mixing the style of question would keep things more engaging and there would be visual “rewards” for each question answered.

Style Guide

Before development work began I designed a style guide that the offshore development team could utilize. It contained the usual visual elements of color and fonts, component specs, and set patterns for layouts and behaviors. It was set up to grow with the new product.

Online styleguide showing collage of screens: Home page with overview/links to sections, Palette, Patterns, Grids, Component usage.
bottom of page