Designed a web app used internally at Deloitte Digital.

Designed a web app used internally at Deloitte Digital.

Designed a web app used internally at Deloitte Digital.

Simplifying event management

Simplifying event management

button-down-white

2017, UX DESIGN / VISUAL DESIGN

2017, UX DESIGN / VISUAL DESIGN

Greenhouse

Greenhouse

The Deloitte Greenhouse web app allows clients to register for events and input their preferences. Clients can also view the agenda and event details, download session materials, and communicate with other attendees. The project goal was to streamline the registration process for clients and improve the client management tools for the Deloitte Greenhouse.

I was responsible for improving the UX and creating responsive UI for the web app using Sketch App 3. I collaborated with the developer using InVision App.

The Deloitte Greenhouse web app allows clients to register for events and input their event preferences. Clients can also view the agenda, download session materials, communicate with other attendees, and see further details about the event. The goal was to streamline the registration process for clients and improve the client management tools for the Deloitte Greenhouse.

I was responsible for creating the UI and visual designs of the responsive web app using Sketch App 3. I collaborated with the developer using InVision App.

greenhouse-mockup

Log In

The Deloitte Greenhouse brand is grounded in innovation. To echo this concept, I used imagery to show the dynamic work done within the Greenhouse. I wanted to simplify the web app in order to improve user experience and offer an approachable platform for clients. For returning users, the log in page only displays username and password log in fields. Users report any problems through the Contact Us button.

Log In

The Deloitte Greenhouse brand is grounded in innovation. To echo this concept, I used ample imagery to show the dynamic work conducted within the Greenhouse. The goal for this project was to simplify the web app to improve user experience and provide an approachable platform for clients. For returning users, the log in page will simply show username and password log in fields. If users get stuck, they can report any problems through the Contact Us button.

Registration

Clients receive invitation emails for events through the Salesforce database. Emails contain links that take users to the first step of the registration process, which requires users to input basic information and meal preferences. The following steps requires users to select dates of attendance and confirm their information. Information from existing users' profiles will be pre-populated for a more streamlined experience. Users are then brought to the event page, which they can browse for the event description, geolocation, event agenda, session attendees, and session reading materials. In case the user needs to adjust their registration, they can do so with the "Edit My Registration" button in the sub-header.

Interaction

Clients can use the Greenhouse web app to communicate with other session attendees. Similar to a Twitter feed, users can post questions or comments. These can be posted prior to the event or during the event to spark conversation. Other features include "Groups", which allows the users to join chatrooms for unique topics or events. Users can also customize their profile by clicking the user icon in the navigation bar.

Contact Us

Users can easily access the Contact Us screen from the footer. I introduced a new design layout for this page to indicate that this page is a separate component from the event registration flow, which can be fully accessed through the navigation bar.

Contact Us

Users can easily access the Contact Us screen from the footer. I introduced a new design layout for this page to indicate that it is a separate component of the primary functionality of the web app, which is through the navigation bar in the header.

Responsive Design

The requirement for responsive design was to create one breakpoint for mobile. I created the mockups below to deliver an intuitive and simplistic mobile view of the web app. I removed excess elements and updated the design with layouts better suited for mobile.

greenhouse-mobile-1
greenhouse-mobile-2

next project

HELLMANN'S