NIGHTLIFE
NIGHTLIFE
Product Development
Product Development
UI/UX
Branding
Figma
Illustrator
Nightlife is a mobile app designed to invigorate the evening entertainment scene in Boston. It offers users a comprehensive directory of local spots, enabling them to discover spaces and moods tailored to their preferences. As part of their introduction to the app, users take a fun personality test, which guides venue suggestions based on their responses. Nightlife's lively and eye-catching visual design aligns seamlessly with its dynamic brand principles and youthful target demographic.
Nightlife is a mobile app designed to invigorate the evening entertainment scene in Boston. It offers users a comprehensive directory of local spots, enabling them to discover spaces and moods tailored to their preferences. As part of their introduction to the app, users take a fun personality test, which guides venue suggestions based on their responses. Nightlife's lively and eye-catching visual design aligns seamlessly with its dynamic brand principles and youthful target demographic.
Team
Team
Tristan Phan
Grace Uecker
Neha Chandran
Aleena Narula
Kalene Peterson
Tristan Phan
Grace Uecker
Neha Chandran
Aleena Narula
Kalene Peterson
UI/UX + Brand Designer
UI/UX +
Brand Designer
Role
Role
Product Development
UI/UX
Branding
Figma
Illustrator
Nightlife is a mobile app designed to invigorate the evening entertainment scene in Boston. It offers users a comprehensive directory of local spots, enabling them to discover spaces and moods tailored to their preferences. As part of their introduction to the app, users take a fun personality test, which guides venue suggestions based on their responses. Nightlife's lively and eye-catching visual design aligns seamlessly with its dynamic brand principles and youthful target demographic.
Tristan Phan
Grace Uecker
Neha Chandran
Aleena Narula
Kalene Peterson
Team
UI/UX + Brand Designer
Role
Branding
Branding
Logos
Logos
Logo
Secondary
Primary
Star Motif
Martini Glass
City Skyline
City Skyline
LOGOMARK
Logo
Secondary
Primary
Primary
Star Motif
Star Motif
Martini Glass
Martini Glass
City Skyline
City Skyline
Logo
LOGOMARK
LOGOMARK
Mood Boards
Mood Boards
Color Palettes based on Mood Boards
Mood Board Palettes
Mood Board Palettes
Scrappy, Nostalgia, Sentimental
Scrappy, Nostalgia, Sentimental
Y2K, City Pop, Vapor Wave
Y2K, City Pop, Vapor Wave
Aura, Vibrant, Gloss, Infrared
Aura, Vibrant, Gloss, Infrared
Galactic Groove, Funk, Pop, Disco
Galactic Groove, Funk, Pop, Disco
core colors
Dark Purple
#130235
White
#FFFFFF
Muted Purple
#2F244F
Navy Black
#060019
Bright Purple
#BA50FF
Periwinkle
#9896FF
Pink
#FFB4FE
Bright Purple
#632D86
Periwinkle
#545393
Pink
#926491
CHARACTER COLORS
Roux
#E1675A
Plumehart
#F1B149
Buckley
#C39C3D
Sprig
#B0D461
Blitz
#268ECE
Serafina
#9199CD
Lumi
#D976AF
I had come up with and designed personality types to match the various styles of night life activities to make the app more appealing and fun for our audience. During onboarding, users will take a personality quiz that would assign them one of 7 characters, and their feed will be tailored depending on their assignments.
I had come up with and designed personality types to match the various styles of night life activities to make the app more appealing and fun for our audience. During onboarding, users will take a personality quiz that would assign them one of 7 characters, and their feed will be tailored depending on their assignments.
I had come up with and designed personality types to match the various styles of night life activities to make the app more appealing and fun for our audience. During onboarding, users will take a personality quiz that would assign them one of 7 characters, and their feed will be tailored depending on their assignments.
I had come up with and designed personality types to match the various styles of night life activities to make the app more appealing and fun for our audience. During onboarding, users will take a personality quiz that would assign them one of 7 characters, and their feed will be tailored depending on their assignments.
Personalities
Personalities
I was responsible for the user flow for “Venues & Their Ratings” portion of the app. To begin the process of designing these screens, I started with the user flow diagram, focusing in on the types of information that will be displayed on each screen,
Roux
A fox-like creature with a confident demeanor, wearing a chef's hat and eyewear that is able to analyze food and beverages at a glance. Roux floats around in a mobile bar.
Roux loves high quality food and drinks.
Roux
A fox-like creature with a confident demeanor, wearing a chef's hat and eyewear that is able to analyze food and beverages at a glance. Roux floats around in a mobile bar.
Roux loves high quality food and drinks.
Roux
A fox-like creature with a confident demeanor, wearing a chef's hat and eyewear that is able to analyze food and beverages at a glance. Roux floats around in a mobile bar.
Roux loves high quality food and drinks.
Roux
A fox-like creature with a confident demeanor, wearing a chef's hat and eyewear that is able to analyze food and beverages at a glance. Roux floats around in a mobile bar.
Roux loves high quality food and drinks.
Plumehart
A distinguished bird character dressed in formal attire.
Standing upright with wings resembling a cloak, Plumehart exudes sophistication and class.
Plumehart loves high end, luxurious, and classy environments.
Plumehart
A distinguished bird character dressed in formal attire.
Standing upright with wings resembling a cloak, Plumehart exudes sophistication and class.
Plumehart loves high end, luxurious, and classy environments.
Plumehart
A distinguished bird character dressed in formal attire. Standing upright with wings resembling a cloak, Plumehart exudes sophistication and class.
Plumehart loves high end, luxurious, and classy environments.
Plumehart
A distinguished bird character dressed in formal attire.
Standing upright with wings resembling a cloak, Plumehart exudes sophistication and class.
Plumehart loves high end, luxurious, and classy environments.
Buckley
A stout, old-fashioned robot with a serious expression and rustic details. Buckley was created as a caretaker for wheat fields, and thus has an appreciation for beer. Buckley’s cowboy hat antenna predicts the weather forecast.
Buckley loves cracking open a cold one and going to sports bars.
Buckley
A stout, old-fashioned robot with a serious expression and rustic details. Buckley was created as a caretaker for wheat fields, and thus has an appreciation for beer. Buckley’s cowboy hat antenna predicts the weather forecast.
Buckley loves cracking open a cold one and going to sports bars.
Buckley
A stout, old-fashioned robot with a serious expression and rustic details. Buckley was created as a caretaker for wheat fields, and thus has an appreciation for beer. Buckley’s cowboy hat antenna predicts the weather forecast.
Buckley loves cracking open a cold one and going to sports bars.
Buckley
A stout, old-fashioned robot with a serious expression and rustic details. Buckley was created as a caretaker for wheat fields, and thus has an appreciation for beer. Buckley’s cowboy hat antenna predicts the weather forecast.
Buckley loves cracking open a cold one and going to sports bars.
Sprig
A plant based astronaut with a round, green face and a tiny sprout growing from its head. The sprout symbolizes Sprig’s potential to grow into a more distinct Nightlifer.
Sprig
A plant based astronaut with a round, green face and a tiny sprout growing from its head. The sprout symbolizes Sprig’s potential to grow into a more distinct Nightlifer.
Sprig
A plant based astronaut with a round, green face and a tiny sprout growing from its head. The sprout symbolizes Sprig’s potential to grow into a more distinct Nightlifer.
Sprig
A plant based astronaut with a round, green face and a tiny sprout growing from its head. The sprout symbolizes Sprig’s potential to grow into a more distinct Nightlifer.
Blitz
A dynamic, electric-themed character with sharp, jagged lightning-like features. Blitz has eccentric sunglasses, and exudes a high-energy, rebellious aura.
Blitz loves high energy environments that can be described as overstimulating.
Blitz
A dynamic, electric-themed character with sharp, jagged lightning-like features. Blitz has eccentric sunglasses, and exudes a high-energy, rebellious aura.
Blitz loves high energy environments that can be described as overstimulating.
Blitz
A dynamic, electric-themed character with sharp, jagged lightning-like features. Blitz has eccentric sunglasses, and exudes a high-energy, rebellious aura.
Blitz loves high energy environments that can be described as overstimulating.
Blitz
A dynamic, electric-themed character with sharp, jagged lightning-like features. Blitz has eccentric sunglasses, and exudes a high-energy, rebellious aura.
Blitz loves high energy environments that can be described as overstimulating.
Serafina
A mermaid-like species with elegant, flowing fins and a serene pose. Serafina sings into its microphone esca to lure in a
wide audience.
Serafina loves quality music above all else.
Serafina
A mermaid-like species with elegant, flowing fins and a serene pose. Serafina sings into its microphone esca to lure in a
wide audience.
Serafina loves quality music above all else.
Serafina
A mermaid-like species with elegant, flowing fins and a serene pose. Serafina sings into its microphone esca to lure in a wide audience.
Serafina loves quality music above all else.
Serafina
A mermaid-like species with elegant, flowing fins and a serene pose. Serafina sings into its microphone esca to lure in a
wide audience.
Serafina loves quality music above all else.
Lumi
A whimsical, fairy-like figure with heart-shaped wings and a cheerful expression. Lumi has a playful, dancer-like personality and radiates positivity and charm.
Lumi loves to have fun with their friends, dancing and karaoke.
Lumi
A whimsical, fairy-like figure with heart-shaped wings and a cheerful expression. Lumi has a playful, dancer-like personality and radiates positivity and charm.
Lumi loves to have fun with their friends, dancing and karaoke.
Lumi
A whimsical, fairy-like figure with heart-shaped wings and a cheerful expression. Lumi has a playful, dancer-like personality and radiates positivity and charm.
Lumi loves to have fun with their friends, dancing and karaoke.
Lumi
A whimsical, fairy-like figure with heart-shaped wings and a cheerful expression. Lumi has a playful, dancer-like personality and radiates positivity and charm.
Lumi loves to have fun with their friends, dancing and karaoke.
The personalities also tie in with another distinguishing feature, Resonating. Resonating allows users to assign values to venues based on ambiance-related characteristics. The visual representation of this classification resembles a sound wave, where the height of a sound bar equates to the amount of users that picked that point on the scale.
Venues that lean toward specific traits will be recommended to specific personalities.
The personalities also tie in with another distinguishing feature, Resonating. Resonating allows users to assign values to venues based on ambiance-related characteristics. The visual representation of this classification resembles a sound wave, where the height of a sound bar equates to the amount of users that picked that point on the scale.
Venues that lean toward specific traits will be recommended to specific personalities.
The personalities also tie in with another distinguishing feature, Resonating. Resonating allows users to assign values to venues based on ambiance-related characteristics. The visual representation of this classification resembles a sound wave, where the height of a sound bar equates to the amount of users that picked that point on the scale.
Venues that lean toward specific traits will be recommended to specific personalities.
The personalities also tie in with another distinguishing feature, Resonating. Resonating allows users to assign values to venues based on ambiance-related characteristics. The visual representation of this classification resembles a sound wave, where the height of a sound bar equates to the amount of users that picked that point on the scale.
Venues that lean toward specific traits will be recommended to specific personalities.
Interface Design
Interface Design
User flow for Venues & their ratings
User flows
User flows
I was responsible for the user flow for “Venues & Their Ratings” portion of the app. To begin the process of designing these screens, I started with the user flow diagram, focusing in on the types of information that will be displayed on each screen,
I was responsible for the user flow for “Venues & Their Ratings” portion of the app. To begin the process of designing these screens, I started with the user flow diagram, focusing in on the types of information that will be displayed on each screen,
I was responsible for the user flow for “Venues & Their Ratings” portion of the app. To begin the process of designing these screens, I started with the user flow diagram, focusing in on the types of information that will be displayed on each screen,
Iterations
Iterations
Final High Fidelity Screens
Final High Fidelity Screens
Final Products
Final Products
Mockups
Mockups
Brand Book
Brand Book
Dark Purple
#130235
White
#FFFFFF
Muted Purple
#2F244F
Navy Black
#060019
Bright Purple
#BA50FF
Periwinkle
#9896FF
Pink
#FFB4FE
Bright Purple
#632D86
Periwinkle
#545393
Pink
#926491
core colors