🕣 Duration: 4 months

Reusable UI Library for Faster, Consistent Design

Reusable UI Library for Faster, Consistent Design

Oodle Car Finance is a company that helps people get loans (financing) to buy cars. They specialise in providing flexible finance options and often assist customers who may not have perfect credit history.

Impact

1 Week Early

Project Delivered One Week Ahead of Schedule

UI Template

Reduced the average design and code review time by enforcing layout rules and improving compliance.

Impact

1 Week Early

Project Delivered One Week Ahead of Schedule

UI Template

Reduced the average design and code review time by enforcing layout rules and improving compliance.

Impact

1 Week Early

Project Delivered One Week
Ahead of Schedule

UI Template

Reduced the average design and code review time by enforcing layout rules and improving compliance.

My Responsibilities

UI Designer

  • Create and build the UI components and style guide.

  • I worked as the link between developers and content creators. My job was to design components that were both strong (easy to code) and flexible (easy for content teams to use) for all their different updates.

Team

  • Anna and Halil

My Responsibilities

UI Designer

  • Create and build the UI components and style guide.

  • I worked as the link between developers and content creators. My job was to design components that were both strong (easy to code) and flexible (easy for content teams to use) for all their different updates.

Team

  • Anna and Halil

My Responsibilities

UI Designer

  • Create and build the UI components and style guide.

  • I worked as the link between developers and content creators. My job was to design components that were both strong (easy to code) and flexible (easy for content teams to use) for all their different updates.

Team

  • Anna and Halil

Why This Project Mattered


The outdated look and confusing flow were pushing users away. Our redesign fixed the brand mismatch and made the user journey much clearer. This was vital to help potential users quickly find the information they needed to build confidence and commit to the financial platform.

Why This Project Mattered


The outdated look and confusing flow were pushing users away. Our redesign fixed the brand mismatch and made the user journey much clearer. This was vital to help potential users quickly find the information they needed to build confidence and commit to the financial platform.

The Problem to Be Solved

The Problem to
Be Solved

Problem 1: UI Redesign

The old design was outdated and didn't align with the brand personality. A full UI overhaul was necessary to ensure the product's look and feel matched the company's ambition.



Problem 1: UI Redesign

The old design was outdated and didn't align with the brand personality. A full UI overhaul was necessary to ensure the product's look and feel matched the company's ambition.


Problem 1: UI Redesign

The old design was outdated and didn't align with the brand personality. A full UI overhaul was necessary to ensure the product's look and feel matched the company's ambition.


Problem 2: Complicated UX Journey

The user journey was overly complicated, preventing potential users from easily finding the necessary financial information to build trust and confidence.



Problem 2: Complicated UX Journey

The user journey was overly complicated, preventing potential users from easily finding the necessary financial information to build trust and confidence.

Problem 2: Complicated UX Journey

The user journey was overly complicated, preventing potential users from easily finding the necessary financial information to build trust and confidence.

Problem 3: Simplified Template Maintenance

Utdated CMS interface and complicated templates. This poor internal UX is causing slow content updates, high operational friction, and unnecessary developer costs.


Problem 3: Simplified Template Maintenance

Utdated CMS interface and complicated templates. This poor internal UX is causing slow content updates, high operational friction, and unnecessary developer costs.

Problem 3: Simplified Template Maintenance

Utdated CMS interface and complicated templates. This poor internal UX is causing slow content updates, high operational friction, and unnecessary developer costs.

Where I come in
UI Design + Style Guides

I was responsible for designing the new website interface and creating UI components that reflect the new branding. My work included updating the design system and creating a cross-platform style guide (mobile and desktop) to help the content team maintain quality and consistency.

  • Component Audit: Audited the existing UI and design system to maximise component reuse, reducing redundant work and long-term technical debt.

  • Matching the UI with the UX: Ensured that every UI component, layout, and interaction was directly optimised to support the established user flows and behavioral patterns.

Final Design

Final Design

"Anthony came onto a tricky project in the middle of the mess. I really, really enjoyed working with Anthony a lot! He has great skills in Sketch and prototyping, a lot of knowledge about design systems, and a calm and logical approach to the work process. It was a great collaboration between us, and we had a great deal of finding compromises with the rest of the team.

Even when facing tight deadlines and long calls, the work felt easy going and effective due to great, cheerful conversations. I'm impressed, especially, by how he handled all the difficult and sometimes ridiculous conversations and pushbacks."

"Anthony came onto a tricky project in the middle of the mess. I really, really enjoyed working with Anthony a lot! He has great skills in Sketch and prototyping, a lot of knowledge about design systems, and a calm and logical approach to the work process. It was a great collaboration between us, and we had a great deal of finding compromises with the rest of the team.

Even when facing tight deadlines and long calls, the work felt easy going and effective due to great, cheerful conversations. I'm impressed, especially, by how he handled all the difficult and sometimes ridiculous conversations and pushbacks."

Anna Petrova, Visual Designer, Cognizant

🕣 Duration: 4 months

Reusable UI Library for Faster, Consistent Design

Oodle Car Finance is a company that helps people get loans (financing) to buy cars. They specialise in providing flexible finance options and often assist customers who may not have perfect credit history.

Create a free website with Framer, the website builder loved by startups, designers and agencies.