Search Bar Drop-down Options


National University

Never Launched

Adobe Photoshop/Illustrator/Indesign



The task for this project was to develop a few concepts for the look and feel of a drop-down as a user types into the search bar on the homepage. The UI goal was to get users comfortable with splitting up the title of the program name and the level of the degree.
For example instead of the search outputting “Master of Science in Higher Education Administration” the new output would be “Higher Education Administration Master of Science”.

The purposes of doing this are to shorten the name of the results, split results into two different fields, and to give better clarity to the user regarding what program they are looking. The new layout will still follow all general brand/layout guidelines for the site to ensure a smooth transition from home page to other pages.

Old Layout Design

Desktop Mockup Options

Tablet Mockup

Mobile Mockup

Based in sunny San Diego, California

+1 (619) 997-2058