Business Website Redesign
Redesigned the website for a financial consulting company, transforming its aesthetics and optimizing the information architecture to significantly enhance usability, navigation, functionality, accessibility, and brand identity.
Service
Website Design
UI/UX Design
Timeline
5 weeks
Client
BE Financial Ed
Tools
Wix, Figma
User Research
Usability Testing and Analysis
Heuristic Evaluation
Client Challenge
The founder of the company was dissatisfied with their current website, which was initially designed using Wix. They found the aesthetics lacking and reached out for a redesign to improve the visual appeal and functionality of their online presence. They sought a redesign to enhance the visual appeal and improve the overall functionality of their online presence. Additionally, they urgently needed a solution for managing their video recordings archive and enabling members to access these resources.
Redesign Process
UX Audit
What is the current state of the website?
What are the primary issues with the existing design and functionality?
User Research
What's the company's business needs?
Who are their target users?
Ideation
How can users quickly get the info that they are looking for?
What innovative features and design elements can we introduce to enhance the user experience?
Redesign
How do we structure the page?
What are the best practices to ensure the redesign meets business goals, usability, and aethetic standards?
UX Audit
Goal
Identify Usability Issues
Assess Visual Design
Understand Information Architecture
Evaluate User Engagement
Usability Heuristic Evaluation
User Research
Stakeholders interviews
Goals
Gather detailed insights into the company’s business goals
Understand the current issues with the product from a managerial perspective
Key Insight Takeaway from the stakeholder
Professional Image
The CEO stressed the need for the website to reflect the professionalism and expertise of her team to reinforce client confidence and attract potential clients.
User Engagement
She wants the website to engage users more effectively, ensuring that current and potential clients can easily interact with the site and access services.
Conversion Optimization
The CEO is looking for improvements in the website’s ability to convert visitors into clients, particularly through features that facilitate immediate action, like scheduling a consultation.
Aesthetic Concerns
The CEO expressed dissatisfaction with the amateurish look of the current website, which she feels undermines the professional image of her firm.
Navigation Issues
She reported that the website's navigation is confusing and not intuitive, making it difficult for clients to find important information such as services offered and contact details.
Functionality Limitations
The current website does not support essential functionalities like online consultation booking or easy access to resources like webinar archives.
Target Audience and User Insights
Demographics
The target audience predominantly consists of mid-aged individuals, with a larger percentage being female.
User Categories
Members
Regular clients who engage with the company’s resources frequently. They require access to a weekly webinar archive, emphasizing the need for a secure, user-friendly section on the website where they can easily navigate and retrieve past webinars.
Potential Users
Individuals interested in financial education. While these users typically convert offline, the website serves a critical role in reinforcing the business's identity. It presents the company’s professionalism and reliability, serving as a foundational touchpoint that informs and attracts potential clients.
Ideation
Navigation Issues: Analysis and Solutions
Current Information Architecture(IA)
Most users were having trouble navigating through the current app.
Therefore, in order to redesign the app, I built the information architecture to understand its structure.
Current Information Architecture
Problem Identification
Complex Navigation Structure
Inconsistent Navigation Labels
Revised Information Architecture(IA)
The newly designed IA focused on making the navigation easier and clearer. It increases the visibility of the key features and improves the overall organization and navigation throughout the website.
Revised Information Architecture
Implementation of CMS for Webinar Management
Objective
To streamline the management of weekly webinars and improve accessibility for members, thereby enhancing both operational efficiency and user experience.
Solution Overview
Benefits
Operational efficiency
The CMS has significantly reduced the time and resources previously required to manage webinar content and made the content management process more organized for the company.
Improved Member Experience
It’s more engaging and convenient for members to access the archived meetings, significantly reducing a lot of frustrating experiences.
Branding and Visual Identity Enhancement
Objective
The goal was to revitalize the company’s branding and visual identity to ensure it accurately represents the company’s values and appeals to its target demographic, thereby strengthening its market presence and customer engagement.
Final Design
Navigation Bar
Multiple pages present
