Fanny Le Morellec

Product Designer
Coffee Lover
Photographer
English

Home

Value Proposition

Experiences

UI Examples

Certifications

My Library

Contact

© 2025

Learn · Share · Grow

Fanny Le Morellec

Product Designer
Coffee Lover
Photographer
English

Home

Value Proposition

Experiences

UI Examples

Certifications

My Library

Contact

© 2025

Learn · Share · Grow

Fanny Le Morellec

Product Designer
Coffee Lover
Photographer
English

Home

Value Proposition

Experiences

UI Examples

Certifications

My Library

Contact

© 2025

Learn · Share · Grow

Fanny Le Morellec

Product Designer
Coffee Lover
Photographer
English

Home

Value Proposition

Experiences

UI Examples

Certifications

My Library

Contact

© 2025

Learn · Share · Grow

Works EXAMPLE

GIS

Log In Page

Data Table

Icon Creation

Navigation Bar

Landing States

Email

Stepper

My LinkedIn

My CV

Works EXAMPLE

GIS

Log In Page

Data Table

Icon Creation

Navigation Bar

Landing States

Email

Stepper

My LinkedIn

My CV

Works EXAMPLE

GIS

Log In Page

Data Table

Icon Creation

Navigation Bar

Landing States

Email

Stepper

My LinkedIn

My CV

Works EXAMPLE

GIS

Log In Page

Data Table

Icon Creation

Navigation Bar

Landing States

Email

Stepper

My LinkedIn

My CV

GIS

How to display and interact with a map is a complex workflow.

Log In Page

A login page must make a great first impression: clear fields, password visibility toggle, easy password recovery, "remember me" option, and sign-up link. Clean design and strong security features are crucial.

Data Table

A data table has one piece of info per cell, defined column types (text, number, date), and right-justified numbers for readability. Clear headers and standardized formats ensure clarity and consistency.

Icon Creation

Designing an icon requires research and iteration to ensure it conveys its purpose clearly. It must be simple, culturally appropriate, and fit the overall interface style.

Navigation Bar

The navigation bar is essential for hierarchical info. It should be intuitive, space-efficient, and consistent across screens. Allow users to hide/show elements to improve ergonomics. A well-designed nav bar boosts efficiency and user satisfaction.

Landing States

A landing state highlights feature possibilities with positive messages, clear CTAs, and engaging visuals, turning empty content into an opportunity for creativity and exploration.

Email

Use "Emailify HTML Email Builder" on Figma to quickly create emails that meet technical constraints and ensure an engaging, aesthetic design

Stepper

Breaking down a long form into steps reduces cognitive load, allows progress visualization, and simplifies navigation with collapsible modules. It makes the process more engaging and intuitive.

GIS

How to display and interact with a map is a complex workflow.

Log In Page

A login page must make a great first impression: clear fields, password visibility toggle, easy password recovery, "remember me" option, and sign-up link. Clean design and strong security features are crucial.

Data Table

A data table has one piece of info per cell, defined column types (text, number, date), and right-justified numbers for readability. Clear headers and standardized formats ensure clarity and consistency.

Icon Creation

Designing an icon requires research and iteration to ensure it conveys its purpose clearly. It must be simple, culturally appropriate, and fit the overall interface style.

Navigation Bar

The navigation bar is essential for hierarchical info. It should be intuitive, space-efficient, and consistent across screens. Allow users to hide/show elements to improve ergonomics. A well-designed nav bar boosts efficiency and user satisfaction.

Landing States

A landing state highlights feature possibilities with positive messages, clear CTAs, and engaging visuals, turning empty content into an opportunity for creativity and exploration.

Email

Use "Emailify HTML Email Builder" on Figma to quickly create emails that meet technical constraints and ensure an engaging, aesthetic design

Stepper

Breaking down a long form into steps reduces cognitive load, allows progress visualization, and simplifies navigation with collapsible modules. It makes the process more engaging and intuitive.

GIS

How to display and interact with a map is a complex workflow.

Log In Page

A login page must make a great first impression: clear fields, password visibility toggle, easy password recovery, "remember me" option, and sign-up link. Clean design and strong security features are crucial.

Data Table

A data table has one piece of info per cell, defined column types (text, number, date), and right-justified numbers for readability. Clear headers and standardized formats ensure clarity and consistency.

Icon Creation

Designing an icon requires research and iteration to ensure it conveys its purpose clearly. It must be simple, culturally appropriate, and fit the overall interface style.

Navigation Bar

The navigation bar is essential for hierarchical info. It should be intuitive, space-efficient, and consistent across screens. Allow users to hide/show elements to improve ergonomics. A well-designed nav bar boosts efficiency and user satisfaction.

Landing States

A landing state highlights feature possibilities with positive messages, clear CTAs, and engaging visuals, turning empty content into an opportunity for creativity and exploration.

Email

Use "Emailify HTML Email Builder" on Figma to quickly create emails that meet technical constraints and ensure an engaging, aesthetic design

Stepper

Breaking down a long form into steps reduces cognitive load, allows progress visualization, and simplifies navigation with collapsible modules. It makes the process more engaging and intuitive.

GIS

How to display and interact with a map is a complex workflow.

Log In Page

A login page must make a great first impression: clear fields, password visibility toggle, easy password recovery, "remember me" option, and sign-up link. Clean design and strong security features are crucial.

Data Table

A data table has one piece of info per cell, defined column types (text, number, date), and right-justified numbers for readability. Clear headers and standardized formats ensure clarity and consistency.

Icon Creation

Designing an icon requires research and iteration to ensure it conveys its purpose clearly. It must be simple, culturally appropriate, and fit the overall interface style.

Navigation Bar

The navigation bar is essential for hierarchical info. It should be intuitive, space-efficient, and consistent across screens. Allow users to hide/show elements to improve ergonomics. A well-designed nav bar boosts efficiency and user satisfaction.

Landing States

A landing state highlights feature possibilities with positive messages, clear CTAs, and engaging visuals, turning empty content into an opportunity for creativity and exploration.

Email

Use "Emailify HTML Email Builder" on Figma to quickly create emails that meet technical constraints and ensure an engaging, aesthetic design

Stepper

Breaking down a long form into steps reduces cognitive load, allows progress visualization, and simplifies navigation with collapsible modules. It makes the process more engaging and intuitive.

GIS

How to display and interact with a map is a complex workflow.

Log In Page

A login page must make a great first impression: clear fields, password visibility toggle, easy password recovery, "remember me" option, and sign-up link. Clean design and strong security features are crucial.

Data Table

A data table has one piece of info per cell, defined column types (text, number, date), and right-justified numbers for readability. Clear headers and standardized formats ensure clarity and consistency.

Icon Creation

Designing an icon requires research and iteration to ensure it conveys its purpose clearly. It must be simple, culturally appropriate, and fit the overall interface style.

Navigation Bar

The navigation bar is essential for hierarchical info. It should be intuitive, space-efficient, and consistent across screens. Allow users to hide/show elements to improve ergonomics. A well-designed nav bar boosts efficiency and user satisfaction.

Landing States

A landing state highlights feature possibilities with positive messages, clear CTAs, and engaging visuals, turning empty content into an opportunity for creativity and exploration.

Email

Use "Emailify HTML Email Builder" on Figma to quickly create emails that meet technical constraints and ensure an engaging, aesthetic design

Stepper

Breaking down a long form into steps reduces cognitive load, allows progress visualization, and simplifies navigation with collapsible modules. It makes the process more engaging and intuitive.

Fanny Le Morellec

Product Designer
Coffee Lover
Photographer

Fanny Le Morellec

Product Designer
Coffee Lover
Photographer