Pack Smart
Pack Smart
Redesign and Development of the New Menu
Redesign and Development of the New Menu
Redesign and Development of the New Menu
About
Task
The task was to propose a new version of the website while staying true to the core values and brand of the corporation. The client wanted to modernise the website but not to critically change its structure.
Our existing platform for entering property data was overly complex and unintuitive. Users faced numerous fields to complete, constantly navigating between flipping cards, opening modals, and reloading pages. This cumbersome process not only extended the time required but also led to frustration and monotony.
As a result, many users reached out to our office for support, significantly increasing the workload for our agents. Instead of freeing up their time as intended, the platform inadvertently created even more work for them.
Project goal
The objective was to redesign and streamline Pack-Smart's online top navigation and user interface to better enable their high-end modular automation solutions. The objective was to increase users' understanding of the product range, facilitate technical resource access, and present a more intuitive and professional experience that aligns with the company's innovative and high-tech image.
To redesign the data entry process by creating a more intuitive experience that visually mimics the final property advertisement.
This helps landlords understand the purpose behind each piece of information they enter, reduces the time required for completion, and improves the overall user experience.
Old version
Old version
Old version
What i propose
What i propose
What i propose
Navigation Redesign Challenge
What i propose
Navigation Redesign Challenge
As part of the complete website overhaul for Pack-Smart Inc., one of the most challenging and vital undertakings was reconsidering the top navigation on the site. The client dictated that the existing order and organization could not change—each segment and configuration was bound to the internal processes and consumer behaviour. While this constraint ensured familiarity with the content, it limited layout flexibility and posed a significant UX challenge: enhancing the interface's modernity and usability without compromising its essential structure. We aimed to design a clean, efficient menu that met the brand's innovation-driven identity without being unfaithful to what current loyal users already knew.
As part of the complete website overhaul for Pack-Smart Inc., one of the most challenging and vital undertakings was reconsidering the top navigation on the site. The client dictated that the existing order and organization could not change—each segment and configuration was bound to the internal processes and consumer behaviour. While this constraint ensured familiarity with the content, it limited layout flexibility and posed a significant UX challenge: enhancing the interface's modernity and usability without compromising its essential structure. We aimed to design a clean, efficient menu that met the brand's innovation-driven identity without being unfaithful to what current loyal users already knew.
The winner
What i propose
The winner
Why it best (from a Don Norman lens):
Why it best (from a Don Norman lens):
Why it best (from a Don Norman lens):
Feedback & Mapping
🔹The clean alignment and logical grouping of items make navigation predictable, helping users build a mental map of where to find information.
🔹Hover or click states (assuming they are implemented) would provide clear feedback on interactions.
Feedback & Mapping
🔹The clean alignment and logical grouping of items make navigation predictable, helping users build a mental map of where to find information.
🔹Hover or click states (assuming they are implemented) would provide clear feedback on interactions.
Feedback & Mapping
🔹The clean alignment and logical grouping of items make navigation predictable, helping users build a mental map of where to find information.
🔹Hover or click states (assuming they are implemented) would provide clear feedback on interactions.
Visibility
🔹It uses clear, readable typography and spacing, allowing users to see all important options at a glance.
🔹 The call-to-action ("Contact Us") is highlighted in red, drawing attention without cluttering the layout.
Visibility
🔹It uses clear, readable typography and spacing, allowing users to see all important options at a glance.
🔹 The call-to-action ("Contact Us") is highlighted in red, drawing attention without cluttering the layout.
Visibility
🔹It uses clear, readable typography and spacing, allowing users to see all important options at a glance.
🔹 The call-to-action ("Contact Us") is highlighted in red, drawing attention without cluttering the layout.
Consistency
🔹This variant aligns with modern B2B design standards while staying consistent with the Pack-Smart brand.
🔹It keeps icon style, font, and spacing uniform—creating a seamless experience.
Consistency
🔹This variant aligns with modern B2B design standards while staying consistent with the Pack-Smart brand.
🔹It keeps icon style, font, and spacing uniform—creating a seamless experience.
Constrains
While the menu structure is fixed, this variant uses visual hierarchy and layout to guide the user naturally through the options, without overwhelming them.
Constrains
While the menu structure is fixed, this variant uses visual hierarchy and layout to guide the user naturally through the options, without overwhelming them.
Affordance
Every clickable item looks like it’s meant to be clicked—text links are spaced well and not crowded.
Affordance
Every clickable item looks like it’s meant to be clicked—text links are spaced well and not crowded.
Coclusion
Coclusion
“Good design is as little design as possible.”
This variant balances structure and modern aesthetics, maintaining cognitive ease for the user without hiding functionality. It's simple, intuitive, and feels like it “just works.”
“Good design is as little design as possible.”
This variant balances structure and modern aesthetics, maintaining cognitive ease for the user without hiding functionality. It's simple, intuitive, and feels like it “just works.”