How to rebrand a website to resonate with the company's new strategic focus and audience?

As CreditBook evolved from consumer financial products to embedded finance, its brand and website needed a transformation to resonate with its target audience. I helped develop a fresh new website that aligned perfectly with our new strategic focus and is poised to enhance CreditBook's market presence.
ROLE
Brand and Web Designer — Brand Design, Responsive Web Design, Rapid Prototyping
TEAM
Mishal Khan, Brand Lead
Iman Jamall, Head of Design
Glenn Vanbavinckhove, Head of Engineering
Avinash Kumar, Software Engineer
TIMELINE & STATUS
3 months, Launched in May 2024
Overview
A Shift in Strategic Focus
CreditBook's strategic focus was evolving from consumer financial products to embedded finance. The company had initially concentrated on its first product, the digital khata, and its original target audience. However, when executives and the sales team engaged with Financial Institutions (FIs) and banks, the existing brand and website no longer resonated with the new direction.
Background
Redefining the Brand
In early 2024, CreditBook kicked off its rebranding journey to align with its new strategic focus. I played a significant role in leading the brainstorming and ideation sessions, helping to define the new brand foundations in color and typography. Once the new brand guidelines were established, the next critical step was to update the website to reflect these changes.
Screenshot of Figma workspace
Analysis
Competitive Analysis
I initiated the process by conducting a comprehensive analysis of our market competitors. I collected screenshots of their websites, meticulously organizing them and their content section by section with the help of my co-designer, Mariam. This provided a clear overview of industry standards and trends, which served as valuable references.
Competitive AnalysisInformation Hierarchy
Ideation
Collaboration and Wireframing
I collaborated closely with the founders, Team Leads (TLs), and the Head of Design to outline the structure and content of each webpage.
Through extensive ideation and multiple iterations, we finalized the website wireframes and its information architecture. This collaborative approach ensured that all stakeholders were aligned and that the website would effectively convey our new brand identity.
Website Wireframe
Design
Visual and Interaction Design
With the wireframes in place, the Head of Design took on the responsibility of content design, while I focused on the visual and interaction design aspects of the website.
This phase of the project took the most amount of time. Designing the web pages was not nearly a linear process as it may seem from this case study, often times I had to go back to the wireframes and restructure the layout, when the stakeholders didn’t align on something. Each web page went through at least 3 iterations.
Figma WIP workspace
Driven by competitor analysis, I selectively referenced elements from various websites that resonated with our brand values and visual language. Imagery plays a crucial role in creating engaging landing pages, so I actively collaborated with the brand and people teams to source high-quality visuals.
Color Scheme
I prioritized consistency in things like the color palette, typography, and layout margins as these fundamental details eventually help make the overall experience feel more cohesive and consistent.
UI specifications
When it was time for developer handoff, I prepped the Figma workspace by organizing it into three sections of guidelines, web pages, and interactions like those of component states - so it was easier for the developers to navigate.
Figma handoff workspaceFew website desgn mockups
The revamped website is now live at www.creditbook.pk. You can visit and see the final designs yourself.
Results
A Well-Received Transformation
The entire rebranding process took approximately three months, with an additional two weeks for development. My team and I revealed the new branding and website on 17th May, 2024 in our company-wide Townhall meeting. I designed a nifty looking invite for the event.
Internal slack event announcement
The outcome was extremely well-received within the company during our internal launch. The founders, TLs, employees, and partners all appreciated the efforts and the fresh new look of the website.
Company appreciation quote
Our external/public launch is scheduled for July 2024 (at the time of time writing this) and we are optimistic about the positive impact it will have on our brand perception and engagement with our new target audience.
Learnings
Stick To The Fundamentals
This case study underscores the importance of a collaborative approach and thorough competitor analysis in rebranding efforts.
By aligning the website with our new strategic focus, I was able to create a cohesive and compelling brand presence that resonates with both internal and external stakeholders. This project taught me the following lessons:
1. When designing complex landing pages, the fundamentals of your brand and design practices can help navigate the complexity.
2. It is okay to ask for help when you can’t figure something out. It is better to be proactive in asking for help rather than after multiple trial and error.
3. Mobile-first isn’t always the way to go. While there are benefits to this approach, when designing landing pages - visual design is extremely important. It is a bit difficult to overcome the design bias when adapting the smaller mobile viewport designs to larger web ones. In this case, I found it better to go desktop first.
© 2025 Shahzeb Kazmi. All Rights Reserved.