top of page
white_circular_brushy.png
Cool guy lighthouse mockup.png

Lighthouse Redesign

Reorganizing an information dense landing page

Team: Solo Project

 

Role: UX Designer and Researcher

​

Timeframe: Three Weeks

 

Tools: Wireframes, Figma, Adobe Illustrator, Prototyping, Usability Testing, User Flows, UI Design

Intro

Intro

The landing page on Beam’s admin portal Lighthouse had too much information poorly organized, making it unwieldy and hard to navigate. My task was to update the page and organize it more efficiently.

Your employees.png
Your employees-1.png
Your employees-2.png

Research

 

Before designing the experience, I researched patterns for information dense experiences. A major source of inspiration would come from Rippling’s tabbed-view. 

Research
rippling screenshot.png

Design​

I reorganized the information into tabs. I initially organized the page into 9 tabs (basic info, contact info, employment info, coverage, wage history, terminate employee, dependents, view card, elections), but reorganizing some of the info and consolidating some of the tabs into global items, I was able to get the tabs down to just 5 items (basic info, employment info, coverage, wage history, dependents).

Your employees Tab.png
Design
linkedin_button.png
ig_button.png
medium_button.png
email_button.png
bottom of page