Centible Website
Website Redesign
Details
Role: UI/UX Designer
Duration: October 2023 - Present
Responsibilities:
UI Design, Wireframing, Prototyping
Duration: October 2023 - Present
Responsibilities:
UI Design, Wireframing, Prototyping
Team Structure
App Team Carolina
UX Designers ◦ Project Managers ◦ Web Developers ◦ Graphic Designer ◦ iOS Developers ◦ Backend Developers
UX Designers ◦ Project Managers ◦ Web Developers ◦ Graphic Designer ◦ iOS Developers ◦ Backend Developers
.png)
Centible is a student financing app aiming to help students track and categorize their transactions. The website aimed to increase brand awareness and promote our app. Since the development of our site, it has helped result in more than 250+ active users on Centible since its release onto the App Store in December 2023.
The Problem
The current website for Centible has functionality issues and usability issues that negatively affect the user experience.
How might we revamp Centible's website to boost functionality, accessibility, and product marketing, captivating our audience and driving market interest?
How might we revamp Centible's website to boost functionality, accessibility, and product marketing, captivating our audience and driving market interest?
Solution
We are redesigning the website to enhance user engagement, build more effective communication, and strengthen our online presence and brand alignment.
Branding Guide
Centible's brand guide has evolved since the start of the project, and I wanted to keep it consistent with the app logo.
.png)
Starting the Redesign
We started the redesign process and followed the process below:
1. Gather and Familiarize the Content
2. Create. Specify. Simplify. Organize.
3. Involve Users
1. Gather and Familiarize the Content
2. Create. Specify. Simplify. Organize.
3. Involve Users
Research and Competitive Analysis
An analysis of other websites gave validation to what patterns users and companies already use.
We specifically liked Structured's flow of information and consistent color pallete with its app, and Uber's organizational layout, typography, and use of design elements.
- Structured information flow and website layout
- Uber typography, organizational layout, and use of design elements
- Robinhood has an inviting experience and doesn't overwhelm the user
Here are some of the insights collected:
We specifically liked Structured's flow of information and consistent color pallete with its app, and Uber's organizational layout, typography, and use of design elements.
- Structured information flow and website layout
- Uber typography, organizational layout, and use of design elements
- Robinhood has an inviting experience and doesn't overwhelm the user
Here are some of the insights collected:
Interactive User Journeys:
Incorporating engaging animations, intuitive navigation, and strategically placed calls-to-action, these websites prioritize user experience as a key driver of app adoption.
Incorporating engaging animations, intuitive navigation, and strategically placed calls-to-action, these websites prioritize user experience as a key driver of app adoption.
Visual Storytelling:
Successful competitors leverage compelling visual storytelling to communicate the unique value propositions of their mobile apps. Through a harmonious blend of high-quality images, videos, and graphics, the aim is maintain customer retention.
Successful competitors leverage compelling visual storytelling to communicate the unique value propositions of their mobile apps. Through a harmonious blend of high-quality images, videos, and graphics, the aim is maintain customer retention.
Interactive Feature Showcases:
Incorporating interactive elements on our website can provide users with a hands-on experience of our MVP features, fostering a deeper understanding and connection.
Incorporating interactive elements on our website can provide users with a hands-on experience of our MVP features, fostering a deeper understanding and connection.
Focus on Core Functionality:
Highlighting the most essential features of our MVP prominently ensures that users immediately grasp the app's fundamental value proposition.
Highlighting the most essential features of our MVP prominently ensures that users immediately grasp the app's fundamental value proposition.
High Fidelity Prototypes
.png)
Final Prototype
The website was redesigned to align seamlessly with the mobile apps style. The side-by-side comparison will showcase the visual and functional enhancements between the old website and new redesign, emphasizing the streamlined design and improved experience.
Since thorough user research was done previously, the objective of this redesign was to increase functionality and navigation, while maintaining customer retention and visual appeal.
Since thorough user research was done previously, the objective of this redesign was to increase functionality and navigation, while maintaining customer retention and visual appeal.
.png)
.png){kind=small}