RennelCo
Redesigning a corporate landing page to improve clarity, usability, and brand consistency.
Redesigning a corporate landing page to improve clarity, usability, and brand consistency.
Redesigning a corporate landing page to improve clarity, usability, and brand consistency.
Role
Website UX/UI Designer
Duration
Jun 2024 - Oct 2024
Platform
Web · Mobile
Tools
Figma · Wix
The Problem
The existing website faced several challenges:
Unclear content hierarchy
Inconsistent branding and visuals
Difficulty guiding users toward key actions
These issues made it harder for users to understand the company’s offerings quickly.
The Problem
The existing website faced several challenges:
Unclear content hierarchy
Inconsistent branding and visuals
Difficulty guiding users toward key actions
These issues made it harder for users to understand the company’s offerings quickly.
The Problem
The existing website faced several challenges:
Unclear content hierarchy
Inconsistent branding and visuals
Difficulty guiding users toward key actions
These issues made it harder for users to understand the company’s offerings quickly.
Improve clarity and scannability of content
Align visuals with brand identity
Create a clean, professional first impression
Goals
Improve clarity and scannability of content
Align visuals with brand identity
Create a clean, professional first impression
Goals
Improve clarity and scannability of content
Align visuals with brand identity
Create a clean, professional first impression
Goals
Platform limitations within Wix
Existing brand guidelines
Tight timelines for delivery
Constraints
Platform limitations within Wix
Existing brand guidelines
Tight timelines for delivery
Constraints
Platform limitations within Wix
Existing brand guidelines
Tight timelines for delivery
Constraints
My Role
I was responsible for:
Leading the landing page UX/UI redesign
Conducting design and competitive research
Creating wireframes and high-fidelity layouts
Delivering final assets and implementation guidance
My Role
I was responsible for:
Leading the landing page UX/UI redesign
Conducting design and competitive research
Creating wireframes and high-fidelity layouts
Delivering final assets and implementation guidance
My Role
I was responsible for:
Leading the landing page UX/UI redesign
Conducting design and competitive research
Creating wireframes and high-fidelity layouts
Delivering final assets and implementation guidance
Research & Insights
Competitive analysis revealed that successful corporate sites:
Research & Insights
Competitive analysis revealed that successful corporate sites:
Research & Insights
Competitive analysis revealed that successful corporate sites:
1
Prioritize clear value propositions above the fold
1
Prioritize clear value propositions above the fold
1
Prioritize clear value propositions above the fold
2
Use strong visual hierarchy to guide attention
2
Use strong visual hierarchy to guide attention
2
Use strong visual hierarchy to guide attention
3
Limit distractions and focus on user understanding
3
Limit distractions and focus on user understanding
3
Limit distractions and focus on user understanding
These insights informed a more structured, content-first layout.
Early Concepts & Prototypes
Wireframes explored different layout options to improve:
Section flow and spacing
Services Outline
User Journey Timeline
Iterations focused on simplifying content and reducing visual clutter.
Early Concepts & Prototypes
Wireframes explored different layout options to improve:
Section flow and spacing
Services Outline
User Journey Timeline
Iterations focused on simplifying content and reducing visual clutter.
Early Concepts & Prototypes
Wireframes explored different layout options to improve:
Section flow and spacing
Services Outline
User Journey Timeline
Iterations focused on simplifying content and reducing visual clutter.
A closer look & more
Design Direction
The design direction emphasized professionalism and clarity.
Design Direction
The design direction emphasized professionalism and clarity.
Design Direction
The design direction emphasized professionalism and clarity.
Final Solutions
Final Solutions
Final Solutions
Landing Page Layout
Clearly communicates value proposition and services above the fold.
Landing Page Layout
Clearly communicates value proposition and services above the fold.
Landing Page Layout
Clearly communicates value proposition and services above the fold.
Content Sections
Information is broken into scannable sections with strong hierarchy.
Content Sections
Information is broken into scannable sections with strong hierarchy.
Content Sections
Information is broken into scannable sections with strong hierarchy.
Service + User Journey
Services + User Journey are strategically designed to guide user flow and engagement.
Service + User Journey
Services + User Journey are strategically designed to guide user flow and engagement.
Service + User Journey
Services + User Journey are strategically designed to guide user flow and engagement.
A closer look & more
Results and Takeaways
Results and Takeaways
Results and Takeaways
This 5-month project was a real test of my front-end technical capabilities. I had never used WIX before, so after going through the features they provide, I had to redesign the landing page with limited knowledge to start. I was excited, though, since this was my first time in front-end development, in a professional setting, and I got to understand how important knowledge of front-end development is for a UX designer. Without this knowledge, it would be very hard for me to know what exactly is possible and how I could develop it. This project, in turn, has helped me broaden my understanding of what front-end development can look like and consequently helped me be more mindful of my prototypes in the future.
This 5-month project was a real test of my front-end technical capabilities. I had never used WIX before, so after going through the features they provide, I had to redesign the landing page with limited knowledge to start. I was excited, though, since this was my first time in front-end development, in a professional setting, and I got to understand how important knowledge of front-end development is for a UX designer. Without this knowledge, it would be very hard for me to know what exactly is possible and how I could develop it. This project, in turn, has helped me broaden my understanding of what front-end development can look like and consequently helped me be more mindful of my prototypes in the future.
This 5-month project was a real test of my front-end technical capabilities. I had never used WIX before, so after going through the features they provide, I had to redesign the landing page with limited knowledge to start. I was excited, though, since this was my first time in front-end development, in a professional setting, and I got to understand how important knowledge of front-end development is for a UX designer. Without this knowledge, it would be very hard for me to know what exactly is possible and how I could develop it. This project, in turn, has helped me broaden my understanding of what front-end development can look like and consequently helped me be more mindful of my prototypes in the future.