Design of a welcoming landing page for Navigator USA, developing a cohesive design system to ensure visual consistency and scalability across the entire website.
Background
Navigator USA is a startup project focused on supporting veterans. The task was to design an engaging and trustworthy landing page that reflects the organization’s mission while establishing a visual system that could scale across the rest of the website.
PROCESS
The landing page was designed to balance an appealing visual style with a professional and trustworthy tone. Each section features distinct elements to maintain user engagement while preserving consistency through color, typography, and layout. A mobile version was also developed to demonstrate how the design adapts seamlessly to smaller screens.
OUTCOME
The final design delivered a cohesive landing page that communicates trust, clarity, and purpose. The visual system established here can be easily extended to future pages, ensuring a unified and professional brand presence.
01
Research
02
Design
03
Final Design
01
Research
analysis
The process began with an analysis of the provided wireframes to understand the intended information hierarchy. Research centered on design approaches for healthcare and veteran-focused platforms, emphasizing trust, accessibility, and clarity
02
Design
exploration
Following the analysis, the exploration phase focused on developing UI elements inspired by the hexagon concept, along with new card designs, video treatments, color palettes, and complementary visual components to strengthen the overall interface and brand identity.
hexagons treatment
Cards
video
03
Final Design
FINAL OPTIONS
OUTCOME & LEARNINGS
The project demonstrated the value of transforming structural wireframes into a scalable and cohesive user interface system. Developing modular components—such as cards, interactive elements, and visual motifs based on the hexagon concept—ensured design consistency and flexibility across the platform. The experience reinforced the importance of balancing aesthetics with functionality, especially in wellness-focused digital environments, where clarity, trust, and accessibility are essential to effective communication.
NEXT
NEXT
PROJECT
PROJECT
Design of a welcoming landing page for Navigator USA, developing a cohesive design system to ensure visual consistency and scalability across the entire website.
Background
Navigator USA is a startup project focused on supporting veterans. The task was to design an engaging and trustworthy landing page that reflects the organization’s mission while establishing a visual system that could scale across the rest of the website.
PROCESS
The landing page was designed to balance an appealing visual style with a professional and trustworthy tone. Each section features distinct elements to maintain user engagement while preserving consistency through color, typography, and layout. A mobile version was also developed to demonstrate how the design adapts seamlessly to smaller screens.
OUTCOME
The final design delivered a cohesive landing page that communicates trust, clarity, and purpose. The visual system established here can be easily extended to future pages, ensuring a unified and professional brand presence.
01
Research
02
Design
03
Final Design
01
Research
analysis
The process began with an analysis of the provided wireframes to understand the intended information hierarchy. Research centered on design approaches for healthcare and veteran-focused platforms, emphasizing trust, accessibility, and clarity
02
Design
exploration
Following the analysis, the exploration phase focused on developing UI elements inspired by the hexagon concept, along with new card designs, video treatments, color palettes, and complementary visual components to strengthen the overall interface and brand identity.
hexagons treatment
Cards
video
03
Final Design
FINAL OPTIONS
OUTCOME & LEARNINGS
The project demonstrated the value of transforming structural wireframes into a scalable and cohesive user interface system. Developing modular components—such as cards, interactive elements, and visual motifs based on the hexagon concept—ensured design consistency and flexibility across the platform. The experience reinforced the importance of balancing aesthetics with functionality, especially in wellness-focused digital environments, where clarity, trust, and accessibility are essential to effective communication.
NEXT
PROJECT
Design of a welcoming landing page for Navigator USA, developing a cohesive design system to ensure visual consistency and scalability across the entire website.
Background
Navigator USA is a startup project focused on supporting veterans. The task was to design an engaging and trustworthy landing page that reflects the organization’s mission while establishing a visual system that could scale across the rest of the website.
PROCESS
The landing page was designed to balance an appealing visual style with a professional and trustworthy tone. Each section features distinct elements to maintain user engagement while preserving consistency through color, typography, and layout. A mobile version was also developed to demonstrate how the design adapts seamlessly to smaller screens.
OUTCOME
The final design delivered a cohesive landing page that communicates trust, clarity, and purpose. The visual system established here can be easily extended to future pages, ensuring a unified and professional brand presence.
01
Research
02
Design
03
Final Design
01
Research
analysis
The process began with an analysis of the provided wireframes to understand the intended information hierarchy. Research centered on design approaches for healthcare and veteran-focused platforms, emphasizing trust, accessibility, and clarity
02
Design
exploration
Following the analysis, the exploration phase focused on developing UI elements inspired by the hexagon concept, along with new card designs, video treatments, color palettes, and complementary visual components to strengthen the overall interface and brand identity.
hexagons treatment
Cards
video
03
Final Design
FINAL OPTIONS
OUTCOME & LEARNINGS
The project demonstrated the value of transforming structural wireframes into a scalable and cohesive user interface system. Developing modular components—such as cards, interactive elements, and visual motifs based on the hexagon concept—ensured design consistency and flexibility across the platform. The experience reinforced the importance of balancing aesthetics with functionality, especially in wellness-focused digital environments, where clarity, trust, and accessibility are essential to effective communication.
NEXT
PROJECT