Rich Evers — Portfolio

Skills: BlueConic VWO JavaScript CSS HTML

I’ve worked in BlueConic and VWO to build site personalizations and A/B tests. For more complex tests, I’ve collaborated with engineering teams.

Skills: Figma Design Tokens Style Dictionary JavaScript CSS HTML Git

This is an approach to mataining 4 design systems in Figma using a set of shared design tokens. The tokens are exported from Figma and processed using a custom script based on Style Dictionary. The result is custom CSS properties easily consumable by development teams.

Skills: Animated SVG JavaScript

This is an exploration on how one could understand a person’s range of skills and knowledge at a glance. The display could be shown in a 3D setting as a floating badge or object near an avatar. In a 2D environment, it could be an expandable icon.

Skills: UX Design UI Design Print Design HTML5 CSS3 jQuery

For many students using Pearson products in their classrooms, this is their first interaction with a Pearson system. Student Registration fronts many of Pearson’s online products, serving as a first step to gaining access.

Note A redesigned version of Student Registration was launched in Jaunary 2014. I served as creative director. The UI received a moderate overhaul, but the core UX approach and underlying CSS/HTML, as shown in the screenshots above, remains largely the same.

Skills: UX Design UI Design HTML5 CSS3 Require.js Hardy.io jQuery

This is an effort to re-skin Twitter Bootstrap v3 with Pearson’s own design. Several independant teams across Pearson have used Bootstrap as a starting point, so this has made relativey quick work of bring the visual design of the sites together. Additionally, starting new projects with the UX Boilerplate gives designers and developers a robust baseline of design and code to start their projects with. Some of the major areas that we’ve altered include: Typography, Tables, Forms, Buttons, Icons, Application Header, custom fonts.

I was also responsible for adding unit tests to the framework. Image difference testing was implemented using PhantomCSS. Procedural testing was done using Hardy.io.

Skills: UX Design UI Design Interaction Design Wireframing

Through a series of acquisitions and disparate projects, Pearson found itself with several siloed identity management systems. In an effort to simplify architecture, a few efforts were put forth to solve the problem. I was involved early on with one of those projects, which not only aimed to create a single Pearson ID system, but to also support federated IDs from large sites like Google and Facebook, as well as smaller school district-level systems. These wireframes are studies in architecture an UI approaches.

Skills: UI Design Interaction Design Visual Design

One Page Redesign is a very simple design service that I set up as a freelance side business. Clients submit a single page or view of their site for a redesign. Using their answers to a few brief questions, plus my years of UI desing and UX experience, I give it an overhaul. In return, the client receives design files accompanied by a breif explaing what changes were made and the reasoning behind them.

Skills: UX Design UI Design Interaction Design Wireframing HTML5 CSS3

RADmin is an internal Pearson site used to manage product and user data for several learning management systems. It's a single, united tool for a range of internal users and functions — editors, product managers, customer support, and a few others. It was built to unite the mish-mash of tools that came before it, as well as to simplify the adding of new features.

Since a lot of shortcuts are usually taken to get internal tools launched quickly, I focused on defining an extensabile framework — a way to organizing existing data and tools, while being flexible enough to add additional features to later, without knowing what they would be. Once the basic model and design were place, product management and the dev team were able to add to the system without much help from the UX team, freeing me and my team up for other projects. These screenshots describe the model we built.

Skills: UX Design UI Design Visual Design Marketing HTML CSS

As ANGEL Learning (now a part of Blackboard) was developing version 7 of their learning management system, I was brought on board as a freelancer to work with the marketing team to overhaul the company’s site. It was designed and developed completely from scratch — including all artwork such as the product boxes — and I was the sole designer and coder on the project.

Keep in mind that this was built in 2007, before concepts of frameworks really took hold and before the effects and efficiencies of CSS3.

Skills: UI Design

As part of version 7 of ANGEL’s learning management system, they included a very limited theming engine. It was limited to controling just a few colors and images. I was tasked with designing several subject-based themes that were included as part of the software.