Redesigning Key Website Sections for Clearer Positioning and Stronger First Impression
The client approached us with a recurring issue: their customers didn’t fully understand why this platform was better than competitors, what exactly it offered, and which companies had already trusted them.
Some crucial sections of the website were failing to communicate value effectively, leaving potential clients with questions instead of answers. Our task was to redesign specific blocks to make the website clearer, more trustworthy, and more focused on what truly matters to decision-makers.
First Screen – Lack of Clarity
Problem: Users couldn’t quickly verify whether the platform was trusted or highly rated. Reviews lacked context and weren’t visually convincing. (Hero section before redesign below)
Hero section before redesign
Solution:
Clear, straightforward headline to immediately explain what the company offers.
Replaced static image with an animated video (designed and storyboarded by me) that quickly showcases platform features and gives users a 5-second understanding of its value and competitive edge.
Highlighted core functions related to project and portfolio management directly on the first screen for instant visibility.
Hero section after redesign
Video designed and storyboarded by me
Hero section after redesign
Reviews Section – Weak Social Proof
Problem: Users couldn’t quickly verify whether the platform was trusted or highly rated. Reviews lacked context and weren’t visually convincing. (Reviews section before redesign below)
Reviews section before redesign
Solution:
Added a section header to clearly define the block.
Linked to the external review platform, building credibility through verifiable feedback.
Highlighted key metrics such as overall rating and quality of support.
Selected specific client comments that emphasize the strongest aspects of Fluid, making social proof more impactful.
Reviews Section after redesign
Reviews section after redesign
Integrations Section – Hard to Understand
Problem: The section didn’t explain the available integrations or why they were relevant, leaving users guessing about compatibility and added value. (Integrations section before redesign below)
Integrations section before redesign
Solution:
Made the headline stronger and easier to notice.
Rewrote the text for clarity and quick scanning.
Added short descriptions for each integration, helping even non-technical users understand how they fit into their workflow.
Integrations Section after redesign
Integrations section after redesign
Strategy Block – Overloaded with Functions
Problem: This section tried to list too many platform features at once, making the message diluted and unfocused. Users couldn’t see the strategic value behind the tool. (Strategy section before redesign below)
Strategy section before redesign
Solution:
Refocused the message on how Fluid helps PMOs deliver strategic value, instead of listing everything at once.
Created separate pages for each feature with a full description and demo, allowing users to dive deeper only when interested.
Strategy Section after redesign
Strategy section after redesign
Result
Visitors now grasp what Fluid is and why it’s different from competitors within the first screen.
Social proof feels real and verifiable, boosting credibility and trust.
Integrations are explained simply, making the platform feel easier to adopt.
The strategy message is clear and focused, guiding users to learn more instead of overwhelming them.
These targeted redesigns helped turn confusing blocks into clear, value-driven sections, making the website more trustworthy and informative without rebuilding it from scratch.
Like this project
Posted Aug 19, 2024
Redesigning key website blocks to improve clarity, highlight platform value, and make the user experience smooth and intuitive.