Consistency
Consistency
03
Consistent typography builds visual coherence, making inter-faces feel professional and trustworthy, reinforcing user confidence.
Emotional
Emotional
04
Typography evokes emotions, engaging users and enhancing interaction, making experiences more memorable and impactful.
Font selection
While some typefaces can be interchangeable, others have specific
use cases. In the first experiment for the construction company, I used a playful decorative typeface, which fails to convey
seriousness and legibility for that industry.
01
Font selection
02
In the second experiment, I demonstrated that same typeface with a game store. In this case, the playful and decorative nature of the font makes it a perfect fit for the brand.
View prototype
Competitive analysis
Working in Adobe Photoshop and Illustrator, I noticed their seamless font selection process. Prioritizing style first allows for a smoother, more efficient workflow that enhances the overall design experience.
01
Card sorting
02
I conducted a card sorting exercise with two participants, showing that increasing font options from 3 to 6 without categorization signifi-cantly increased task difficulty and time spent on associations.
Brand identity
03
Participants mentioned that matching three fonts was easy, but with 6 options, the task became harder. They found the lack of categories increased difficulty
and time spent deciding.
Consistency
03
Consistent typography builds visual coherence, making inter-faces feel professional and trustworthy, reinforcing user confidence.
Emotional
04
Typography evokes emotions, engaging users and enhancing interaction, making experiences more memorable and impactful.
Brand identity
01
Typography reflects a brand's personality, creating immediate associations and setting the tone—whether modern, luxurious, or trustworthy—strengthening
emotional connections.
User experience
02
Well-chosen fonts enhance readability, guide navigation, and reduce cognitive load, creating a clearer, more intuitive user experience.
Problem
Designers face a major hurdle with Figma's typography feature, which lacks a way to filter fonts by style. Scrolling through 1,500+ fonts, including hundreds of variations, becomes a time-consuming and frustrating process.
01
Solution
02
To address this issue, I designed a dropdown feature for easy typeface categorization. This solution streamlines font selection, saving designers time and enabling faster project turnaround.
01 FIGMA
Reducing cognitive load for
designers in Figma.
Portfolio by Stephan Bennett
View prototype
View prototype
CONSTRUCTION COMPANY
WESTINS
GAME STORE
Westins
JEWELRY STORE
WESTINS
How type impacts a website or application
Overview
Problem
Problem
01
Designers face a major hurdle with Figma's typography feature,
which lacks a way to filter fonts by style. Scrolling through 1,500+
fonts, including hundreds of variations, becomes a time-consuming
and frustrating process.
Designers face a major hurdle with Figma's typography feature, which lacks a way to filter fonts by style. Scrolling through 1,500+ fonts, including hundreds of variations, becomes a time-consuming and frustrating process.
Solution
To address this issue, I designed a dropdown feature for easy
typeface categorization. This solution streamlines font selection,
saving designers time and enabling faster project turnaround.
02
Solution
01
To address this issue, I designed a dropdown feature for easy typeface categorization. This solution streamlines font selection, saving designers time and enabling faster project turnaround.
Reducing cognitive load for designers in Figma.
Reducing cognitive load for designers in Figma.
01 FIGMA
Brand identity
Brand identity
01
Typography reflects a brand's personality, creating immediate associations and setting the tone—whether modern, luxurious, or trustworthy—strengthening
emotional connections.
User experience
User experience
02
Well-chosen fonts enhance readability, guide navigation, and reduce cognitive load, creating a clearer, more intuitive user experience.
Importance of type
Importance of type
Type experiment 01
Type experiment 01
Do these fonts match the industry
Type experiment 02
Type experiment 02
Are these fonts a better industry match
CONSTRUCTION COMPANY
WESTINS
WESTINS
GAME STORE
WESTINS
Westins
JEWELRY STORE
Westins
Westins
Experiment reflection
Experiment reflection
An overview of font selection
Font selection
01
While some typefaces can be interchangeable, others have specific
use cases. In the first experiment for the construction company, I
used a playful decorative typeface, which fails to convey
seriousness and legibility for that industry.
Font selection
In the second experiment, I demonstrated that same typeface with a
game store. In this case, the playful and decorative nature of the
font makes it a perfect fit for the brand.
02
Research and findings
Research and findings
Competitive analysis, survey, user interviews
Competitive analysis
Competitive analysis
01
Working in Adobe Photoshop and
Illustrator, I noticed their seamless
font selection process. Prioritizing
style first allows for a smoother,
more efficient workflow that
enhances the overall
design experience.
Card sorting
Card sorting
02
I conducted a card sorting exercise
with two participants, showing that
increasing font options from 3 to
6 without categorization signifi-
cantly increased task difficulty
and time spent on associations.
Brand identity
Brand identity
03
Participants mentioned that matching three fonts was easy, but with 6 options, the task became harder. They found the lack of categories increased difficulty
and time spent deciding.
Supporting facts
Supporting facts
Decision paralysis
01
Studies indicate that when individuals are presented with more
options, decision-making becomes more challenging. For instance,
participants spent 25% more time choosing among 6 options than
when only 3 were available, impacting overall productivity.
Data proven
According to a survey by Envato Tuts+, 56% of designers spend 1 to
3 hours choosing a font. Additionally, Iyengar and Lepper's 2000
study in Psychological Science highlights that increased options can
lead to decision fatigue.
02
Final mockup
Final mockup
Debrief
Debrief
01
With this feature, designers can quickly select a font class and view the number of fonts within it. This addition empowers faster, more informed choices when designing websites or applications.
Overview
Font selection
01
While some typefaces can be interchangeable, others have specific
use cases. In the first experiment for the construction company, I used a playful decorative typeface, which fails to convey
seriousness and legibility for that industry.
Font selection
02
In the second experiment, I demonstrated that same typeface with a game store. In this case, the playful and decorative nature of the font makes it a perfect fit for the brand.
Decision paralysis
01
Studies indicate that when individuals are presented with more options, decision-making becomes more challenging. For instance, participants spent 25% more time choosing among 12 options than
when only 4 were available, impacting overall productivity.
Data proven
02
According to a survey by Envato Tuts+, 56% of designers spend 1 to 3 hours choosing a font. Additionally, Iyengar and Lepper's 2000 study in Psychological Science highlights that increased options can lead to decision fatigue.
More work
More work
Contact
Contact
BoxState
COMING SOON
Redesigned BoxState Sports' website, transforming its aesthetic to reflect the brand's energy. Collaborated with the owner to create a standout digital presence on and off the court.
Facts financial
FACTS Financial Consulting’s website highlights their services, showcases the owner’s philanthropy, and offers tangible savings data, creating a personal, client-focused experience that builds trust and differentiates them from competitors.
02
BoxState
COMING SOON
Redesigned BoxState Sports' website, transforming its aesthetic to reflect the brand's energy. Collaborated with the owner to create a standout digital presence on and off the court.
Facts financial
02
FACTS Financial Consulting’s website highlights their services, showcases the owner’s philanthropy, and offers tangible savings data, creating a personal, client-focused experience that builds trust and differentiates them from competitors.
Overview
Importance of type
How type impacts a website
or application
Type experiment 01
Do these fonts match the industry
Type experiment 02
Are these fonts a better industry match
CONSTRUCTION COMPANY
WESTINS
GAME STORE
WESTINS
JEWELRY STORE
Westins
Research and findings
Competitive analysis, survey, user interviews
Supporting facts
Decision paralysis
Studies indicate that when individuals are presented with more options, decision-making becomes more challenging. For instance, participants spent 25% more time choosing among 12 options than when only 4 were available, impacting overall productivity.
01
Data proven
02
According to a survey by Envato Tuts+, 56% of designers spend 1 to 3 hours choosing a font. Additionally, Iyengar and Lepper's 2000 study in Psychological Science highlights that increased options can lead to decision fatigue.
Final mockup
Debrief
With this feature, designers can quickly select a font class and view the number of fonts within it. This addition empowers faster, more informed choices when designing websites or applications.
01
More work
BoxState
Redesigned BoxState Sports' website, transforming its aesthetic to reflect the brand's energy. Collaborated with the owner to create a standout digital presence on and off the court.
COMING SOON
Facts financial
02
FACTS Financial Consulting’s website highlights their services, showcases the owner’s philanthropy, and offers tangible savings data, creating a personal, client-focused experience that builds trust and differentiates them from competitors.
Contact
Experiment reflection
An overview of font selection