SPOTLIGHT
CASE STUDY
SPOTLIGHT
CASE STUDY
OBJECTIVE
OBJECTIVE
Tasked with creating a brand identity and products/media to address a specific community need, I focused on high school and college students. There was a clear demand for an organizational cross-platform app that streamlined users' study and academic needs.
Tasked with creating a brand identity and products/media to address a specific community need, I focused on high school and college students. There was a clear demand for an organizational cross-platform app that streamlined users' study and academic needs.
MY WHY?
MY WHY?
A brand sprint was conducted to establish a solid foundation for the design, covering branding, competition analysis, and a visual mood board. The primary goal of the user experience research was to understand why students need assistance in organizing and maintaining focus while studying. User interaction research helped determine the visual flow, color palette, imagery, and specific platforms to be used.
A brand sprint was conducted to establish a solid foundation for the design, covering branding, competition analysis, and a visual mood board. The primary goal of the user experience research was to understand why students need assistance in organizing and maintaining focus while studying. User interaction research helped determine the visual flow, color palette, imagery, and specific platforms to be used.
SCOPE
Defining Spotlight, future goals, the why? how? why? as well as values and personality. Looking at key target audiences and competitors to create a unique and innovative brand.
UI/UX RESEARCH
Analyzing visual hierarchy and user flow in competitors' programs, identifying successful interfaces that align with the values and tone of Spotlight. Key issues and frustrations in similar UIs were pinpointed, alongside user needs related to studying and procrastination. Additionally, I considered the actions and benefits different users would experience from this cross-platform program.
SCOPE
Defining Spotlight, future goals, the why? how? why? as well as values and personality. Looking at key target audiences and competitors to create a unique and innovative brand.
UI/UX RESEARCH
Analyzing visual hierarchy and user flow in competitors' programs, identifying successful interfaces that align with the values and tone of Spotlight. Key issues and frustrations in similar UIs were pinpointed, alongside user needs related to studying and procrastination. Additionally, I considered the actions and benefits different users would experience from this cross-platform program.
Mood board variations, color palettes, and visual aesthetics were built to give direction for UI. Brand colors, buttons, type-scale, and logos were defined to make scaling across platforms easier. Low fidelity wireframe were created for the mobile app, pinpointing the main UI features that would span cross-platform
CROSS -PLATFORM DESIGN
CROSS -PLATFORM DESIGN
After defining the UI for the mobile platform, the design was scaled up and down for a smartwatch and desktop platform as well. Critical features were maintained on the mobile to the watch platform, while no new information was added to the mobile going to the desktop. Clarity and user-flow was maintained across all platforms.
After defining the UI for the mobile platform, the design was scaled up and down for a smartwatch and desktop platform as well. Critical features were maintained on the mobile to the watch platform, while no new information was added to the mobile going to the desktop. Clarity and user-flow was maintained across all platforms.
OUTCOMES
OUTCOMES
Utilizing testing feedback, a simple and not overwhelming interface was achieved, where the key features of the application were color-coded. After refining the visuals and key features, a complete brand guideline was created to finalize the brand identity!
Utilizing testing feedback, a simple and not overwhelming interface was achieved, where the key features of the application were color-coded. After refining the visuals and key features, a complete brand guideline was created to finalize the brand identity!