21:10:57

PORTFOLIO

PROJECT:

PROJECT:

LA ILUSIÓN

DE NINA

LA ILUSIÓN

DE NINA

LA ILUSIÓN

DE NINA

DESCRIPTION:

DESCRIPTION:

Redesign of a blog focused on fashion and lifestyle, transforming its traditional Blogger structure into a clearer, more visual, and editorial experience. The goal was to improve readability, strengthen content hierarchy, and simplify navigation across sections while preserving the author's personal tone and identity.

Redesign of a blog focused on fashion and lifestyle, transforming its traditional Blogger structure into a clearer, more visual, and editorial experience. The goal was to improve readability, strengthen content hierarchy, and simplify navigation across sections while preserving the author's personal tone and identity.

USER

USER

Understanding the user


Before exploring the visual and structural improvements, it was essential to understand how readers typically interact with fashion and lifestyle content. This type of audience engages with blogs and digital magazines in a highly visual, fast-scanning manner, prioritizing inspiration and clarity over dense information.

Key behavioural patterns identified:

  • Users scan before they read; imagery often guides attention.

  • They expect a clear, elegant layout with minimal friction.

  • Excessive modules, sidebars or competing elements disrupt their reading flow.

  • Users with a sensitivity to aesthetics

User needs


From this user understanding, concrete needs were defined:

  • A clear visual hierarchy that guides the user naturally.

  • Straightforward navigation, with visible and logically structure categories.

  • Visual prominence for photography, a key element in fashion content.

  • A lightweight reading experience, with proper spacing and readable typography.

  • A cohesive and modern visual identity across al pages.

RESEARCH

RESEARCH

Analysis of editorial reference

  • Multiple competing visual modules.

  • Fragmented or complex navigation structure.

  • High content density on every screen.

Key Insight

Fashion readers seek visual inspiration, but not necessarily an overload of information. Many of these platforms mix strong editorial design with layouts that feel busy and difficult to navigate.

Opportunity


Adopt a much clearer and more focused experience, where each page has a defined purpose and content can breathe.


  • Fewer simultaneous content modules per view.

  • Simplified and more intuitive navigation.

  • More open, breathable compositions.

  • Strong emphasis on photography without overwhelming the user.

  • A strict visual hierarchy to guide reading flow.

Analysis of editorial reference

  • Multiple competing visual modules.

  • Fragmented or complex navigation structure.

  • High content density on every screen.

Key Insight

Fashion readers seek visual inspiration, but not necessarily an overload of information. Many of these platforms mix strong editorial design with layouts that feel busy and difficult to navigate.

Opportunity


Adopt a much clearer and more focused experience, where each page has a defined purpose and content can breathe.


  • Fewer simultaneous content modules per view.

  • Simplified and more intuitive navigation.

  • More open, breathable compositions.

  • Strong emphasis on photography without overwhelming the user.

  • A strict visual hierarchy to guide reading flow.

Analysis of editorial reference

  • Multiple competing visual modules.

  • Fragmented or complex navigation structure.

  • High content density on every screen.

Key Insight

Fashion readers seek visual inspiration, but not necessarily an overload of information. Many of these platforms mix strong editorial design with layouts that feel busy and difficult to navigate.

Opportunity


Adopt a much clearer and more focused experience, where each page has a defined purpose and content can breathe.


  • Fewer simultaneous content modules per view.

  • Simplified and more intuitive navigation.

  • More open, breathable compositions.

  • Strong emphasis on photography without overwhelming the user.

  • A strict visual hierarchy to guide reading flow.

Analysis of editorial reference

  • Multiple competing visual modules.

  • Fragmented or complex navigation structure.

  • High content density on every screen.

Key Insight

Fashion readers seek visual inspiration, but not necessarily an overload of information. Many of these platforms mix strong editorial design with layouts that feel busy and difficult to navigate.

Opportunity


Adopt a much clearer and more focused experience, where each page has a defined purpose and content can breathe.


  • Fewer simultaneous content modules per view.

  • Simplified and more intuitive navigation.

  • More open, breathable compositions.

  • Strong emphasis on photography without overwhelming the user.

  • A strict visual hierarchy to guide reading flow.

Analysis of editorial reference

  • Multiple competing visual modules.

  • Fragmented or complex navigation structure.

  • High content density on every screen.

Key Insight

Fashion readers seek visual inspiration, but not necessarily an overload of information. Many of these platforms mix strong editorial design with layouts that feel busy and difficult to navigate.

Opportunity


Adopt a much clearer and more focused experience, where each page has a defined purpose and content can breathe.


  • Fewer simultaneous content modules per view.

  • Simplified and more intuitive navigation.

  • More open, breathable compositions.

  • Strong emphasis on photography without overwhelming the user.

  • A strict visual hierarchy to guide reading flow.

IDEATE

IDEATE

LOW-FIDELITY WIREFRAMES

LOW-FIDELITY WIREFRAMES

When starting the website design, we adopted a mobile-first approach. Since this is a blog where the majority of traffic comes from social media, primarily accessed via mobile deviced, it was essential to prioritize the experience on smaller screens. Therefore, our initial focus was to ensure that browsing the blog on mobile offers the most seamless and enjoyable user experience possible.

Mobile-Home

Mobile-Categories

Mobile-About me

Mobile-Contact

Mobile-Home

Mobile-Categories

Mobile-About me

Mobile-Contact

When starting the website design, we adopted a mobile-first approach. Since this is a blog where the majority of traffic comes from social media, primarily accessed via mobile deviced, it was essential to prioritize the experience on smaller screens. Therefore, our initial focus was to ensure that browsing the blog on mobile offers the most seamless and enjoyable user experience possible.

Desk-Home

Desk-Categories

Desk-About me

Desk-Contact

HIGH-FIDELITY WIREFRAMES

HIGH-FIDELITY WIREFRAMES

MOCKUP

MOCKUP

UX/UI DESIGN

UX/UI DESIGN