User Interface Design

A Learning Management System, marketing site and advertising for a Design school expanding into online education.

BRIEF | ArtCenter College of Design needed an online learning management system to offer courses remotely during Covid and beyond. The system we created offers a unified interface for students, faculty and administrators, a companion marketing site and an advertising campaign to promote it. An evolution of the original brand, a Visual Style Guide was also created, alongside a component library and interaction toolkit.


MY CONTRIBUTION | Branding, User Experience Design, User Interface Design.


Advertising for ArtCenter Online, the digital learning site for the world-renowned design institution in California.


Course Catalog.

ArtCenter College Online unified interface – Faculty Dashboard.

ArtCenter College Online unified interface – Administrator Dashboard.

ArtCenter College Online unified interface – Student Dashboard/Live Critique.

An Intranet Design for a University's Medical System, featuring a clear, unified interface for its research, clinical and academic systems.

BRIEF | Michigan Medicine – the University of Michigan's Medical Center – requested a redesign of their intranet for both their main (Hub) site as well as for the host of departments (spoke) sites it contains.


SCOPE | Responsive intranet for Michigan Medicine that attends to its multiple needs while providing a clear, logical and unified look & feel for its various departments. The work comprised the full spectrum of UX, including User Research, Persona Development, Task Analysis, crafting of User Flows and information Architecture.


MY CONTRIBUTION | User Experience Research and Design, User Interface Design.


RATIONALE | The delivery of a series of templates standardizing text and image components provide a uniform, responsive interface for all divisions and departments within Michigan Medicine and make their internal systems available and fully functional in all viewports.

Michigan Medicine's "Spoke" Home Page sample, here for its Ambulatory Care Services. This page template displays global search, spoke-specific search and advanced search; dynamic content for news and calendar, as well as contextual field for forms and quicklinks.

Michigan Medicine's Dynamic Content Page sample, containing dynamic analytics pulled from its data visualization tool, Tableau, as well as contextual field for related multimedia resources and articles.

Michigan Medicine's Content Detail page template, displaying typographical treatments for headline, subtitle, body text and links/ dropdown menu with hover treatment and sublink treatment, and contextual table containing related documents as well as dynamic analytics pulled from Tableau.

Michigan Medicine's Search Results page template, displaying results across documents, images, videos and multimedia, as well as dynamic fields with relevant events pulled from both its "Hub" (Michigan Medicine) and "Spoke" (Ambulatory Care Center) calendars.

A Learning Management platform for an investment bank, allowing managers to comply with regulations regarding their team members' certifications.

BRIEF |  Western Asset Management, an investment bank in California, needed a proprietary learning platform to train employees and keep managers up to date on their team's SEC-required certifications.


SCOPE | User Experience & User Interface Design for a responsive finance learning platform.


MY CONTRIBUTION | User Experience Design, User Interface Design, Interaction Design


RATIONALE | A dashboard approach displaying users' required courses, opportunities to learn and scheduled training sessions at a glance provides a good user experience in any display port size.

A media placement platform capable of pricing, comparing and purchasing space within influencer-generated content as well as within traditional media.

BRIEF | With the advent of social media, the business of media placement changed completely. Along with the explosion of user-created content and the advent of influencers – up-to-the-minute, precise analytics became available, affecting how media placement was priced and negotiated. The Branded Entertainment Network was the first tool able to display, compare and effectuate purchases for product placement and branded content.


SCOPE | Design of a platform for media placement and pricing for new media (influencer) content. 


MY CONTRIBUTION | User Experience Design, User Interface Design.


RATIONALE | Featuring a clean, clear interface to display data-rich content, BEN allows marketers to access accurate, dynamic information on influencers’ social media footprint as well as price and book product placement and/or content creation on traditional and new media intellectual properties. In addition, it provides granular analytics to monitor and adjust budget allocation readily and easily.

Media placement detail screen, displaying film, TV and social media placements and their results, broken down by demographic segments.

Search Results screen for a makeup brand's media plan showing influencer profile, content, impressions and pricing.

Demographics breakdown for a TV series episode, allowing for precise audience targeting.

Media placement opportunities with celebrities, displaying a star's social media footprint, availability, brand category affinity and engagement cost.

A design system for Nissan, setting a unified look & feel for its brand worldwide, while catering to each country's specific needs.

BRIEF | Nissan Motors wanted to consolidate the look & feel of all of its worldwide sites into a unified visual system that could, nevertheless, accommodate each country’s specific needs. The solution was a system of standardized components as CSS style guides working within a CMS system that would provide for the placement of each country’s specific assets.


SCOPE | Responsive site for Nissan, setting a worldwide, unified look & feel for the brand on the web.


MY CONTRIBUTION | Visual Design

Nissan Juke Page.

Nissan Juke Design Page showing the CSS standardized components.

An App to consult and rate the accessibility of buildings, allowing people with disabilities to adequately plan their journeys.

BRIEF | App and site for consulting and rating facilities for people with disabilities, building upon the Yelp infrastructure. Winner at the hackaday.i/o solve for one, second prize.


SCOPE | Responsive website and mobile app for consulting and rating the accessibility of facilities for the disabled population, building upon the Yelp infrastructure.


RATIONALE | With a straight-to-the-point approach and robust visual and auditory cues, AHXS User Interface design accommodates users with visual, auditory and mobility disabilities. Its mobile app uses geolocation to enable any user to contribute to its database, In order to expand the number of facilities rated.


MY CONTRIBUTION | User Experience Design, User Interface Design.

A customizable, responsive interface for Credit Unions' auto loan departments, allowing the user to see up-to-date inventory, get a loan offer and reserve chosen vehicles for a test drive.

BRIEF | Responsive site for a Credit Unions' vehicle buying and financing service.


SCOPE | Design of an agnostic, responsive user interface for vehicle financing divisions at Credit Unions.


RATIONALE | Featuring an agnostic, customizable CSS structure to accommodate each Credit Union’s branding, CUDL provides Credit Unions the backend structure to offer up-to-date vehicle inventory display, financing options and test drive reservations, so its customers can conduct thorough research and lock in a deal through the web.


MY CONTRIBUTION | User Experience Design, User Interface Design.

Car model overview page.

Trim selection page.

Safety specifications page.

A responsive web and mobile app for Infiniti dealerships, allowing users to order parts online, schedule and see the progress of their vehicle's maintenance.

BRIEF | Responsive web / mobile app for Infiniti authorized dealers, designed to let owners schedule their service, maintenance and order vehicle customizations online.


SCOPE | A direct communication channel between the brand and the owner/leasee, the app provides end-to-end customer service throughout the life of the vehicle – from recall notices to maintenance reminders to purchasing accessories, scheduling and managing repairs.


MY CONTRIBUTION | User Experience Design, User Interface Design.


RATIONALE | Making a service appointment through the Infiniti app means all the logistics (such as scheduling, procuring parts, etc.) are optimized, with the goal of providing ultimate convenience for Infiniti owners.

Infiniti authorized Dealership App.

Responsive site and mobile app for employment opportunities at MGM properties, allowing users to search by location, function, property and season.

Responsive site and Job Finder app for MGM Las Vegas' properties.

MGM's Job Finder App.