Project Summary

Datama - Simplifying Complexity

February 2024

Team

Team

Stakeholders, developers, and a designer (me)

Stakeholders, developers, and a designer (me)

Timeline

Timeline

1.5 months

1.5 months

Role

Role

Product Designer, Qualitative research (UX), UI/UX

Product Designer, Qualitative research (UX), UI/UX

Tools & Resources

Tools & Resources

Figma, Miro, Github, ChatGPT, icons8, Slack

Figma, Miro, Github, ChatGPT, icons8, Slack

Impact

+135%

application adoption

+135%

application adoption

+135%

application adoption

+375%

growth account evolution

+375%

growth account evolution

+375%

growth account evolution

The homepage redesign contributed to:

  • Improved account growth and application adoption

  • Alignment with the goal: application user → service

Who is Datama?

Datama  is an data analytics SaaS B2B platform that simplifies performance analysis and anomaly detection, backed by industry leaders like LVMH and supported by the WILCO accelerator.

Role & Processes

As the sole designer, I managed the entire design scope, from Figma from scratch, video editing, translation (FR–EN), illustration, LinkedIn and YouTube visuals, to Figma-to-WordPress implementations and product redesigns.

I created new pages, deployed WordPress (excluding app areas), and balanced business needs with design quality while driving efficient collaboration.

This role sharpened my adaptability, communication, and focus on design’s real value. I also ran internal feedback interviews, gathering qualitative insights to refine the product experience.

How the cycle works in this company…

The team consisted of :
3 developers, 1 designer (Me), and 2 stakeholders

Problematic

“Users found the platform overwhelming due to fragmented workflows, dense visualizations, and limited guidance for navigating features.”

Let’s fix that.

  1. Initial project brief

Our team had a mission to redesign and rethink user experience of the homepage.

Many registered users were dissatisfied with the experience and stopped using our application. Additionally, following our company’s rebranding, it became essential to align all systems for UI consistency.

Impact: Removed guesswork, sped up bug fixes, and freed developers’ time from unnecessary meetings.

Method Used

Prioritizing clarity

Clear goals.

Simple direction.

Prioritizing clarity

Clear goals.

Simple direction.

Prioritizing clarity

Clear goals.

Simple direction.

Save time

Fewer meetings.

Faster progress.

Save time

Fewer meetings.

Faster progress.

Save time

Fewer meetings.

Faster progress.

Aligning stakeholders

Shared focus.

Smooth teamwork.

Aligning stakeholders

Shared focus.

Smooth teamwork.

Aligning stakeholders

Shared focus.

Smooth teamwork.

By applying the KISS principle (Keep It Simple, Stupid), I stripped unnecessary complexity and focused on direct solutions that aligned with what users and developers actually needed. To validate this, I integrated the aesthetic–usability effect through usability testing and anchored my approach in Don Norman’s principles of affordances and feedback, ensuring that clarity in both form and function heightened perceived attractiveness, reduced cognitive load, with the aim of improving the overall user satisfaction.

2. Research and ideation

I took on this mission within my first 3 weeks at the company…

I took on this mission within my first 3 weeks at the company…

References and visual based on design thinking.

References and visual based on design thinking.

During my research phase, I benchmarked industry-standard tools such as
Power BI, Tableau, and Looker Studio.

During my research phase, I benchmarked industry-standard tools such as
Power BI, Tableau, and Looker Studio.

I even explored Python through a free Ironhack session to better understand the tools and workflows that users typically rely on.

I even explored Python through a free Ironhack session to better understand the tools and workflows that users typically rely on.

Aligned with stakeholders to understand what content mattered most and why they wanted a homepage revamp.

Aligned with stakeholders to understand what content mattered most and why they wanted a homepage revamp.

Consolidated options into a clear solution direction using prioritization matrices and feedback loops.

Consolidated options into a clear solution direction using prioritization matrices and feedback loops.

Following this, and given the limitations in resources, budget, and data, I conducted interviews with colleagues who actively used the application. This allowed me to double-check the usability, assess the clarity of visualizations, and gather practical feedback to validate the overall experience.

Following this, and given the limitations in resources, budget, and data, I conducted interviews with colleagues who actively used the application. This allowed me to double-check the usability, assess the clarity of visualizations, and gather practical feedback to validate the overall experience.

While working on the homepage based on their suggestions, I noticed that each journey and target view carried different expectations. To address this, I requested a clear structure to align those expectations and guide the design process effectively.

While working on the homepage based on their suggestions, I noticed that each journey and target view carried different expectations. To address this, I requested a clear structure to align those expectations and guide the design process effectively.

Structure…

Here is one of the structures I received :

Here is one of the structures I received :

New Version Web App Users / Blocs Extension User

Example

Part A

Part B

Part C

  1. Design in Figma

I created various Figma designs, including settings, stripe visualization and implementation, plus a homepage redesign, each with notes on animations to speed prototyping and support informed decisions.

Redesign the visual hierarchy

This page is one of five I redesigned to elevate the overall user experience from scratch. While only the homepage is showcased here, the same design principles; clarity, accessibility, and intuitive structure, were applied across the full interface.

Before

Before

After

After

What are the changes I've made?

1. “New Workbook” Button: Enhanced Discoverability

Before

Before

After

After

2. White Space = Clarity & Professionalism

Before

Before

After

After

  1. Personalization & Greeting

Before

Before

After

After

Impact

What's the outcome of this?

Analysts were able to navigate and select data with less confusion.

  • The new design helped build trust in the platform by making interactions more intuitive.

  • The new interface design contributed to a 365% increase in application adoption, directly supporting the goal of making the application generate more income than service, a clear result of aligning intuitive UX and professional UI with real user behavior and business objectives.

Conclusion

What I learn from this?

Moving forward, I’d start by validating the redesign through usability testing with analysts and internal teams. I’d also keep an eye on long-term usage data to surface deeper pain points and better inform iterations. If I had the chance to do this again, I’d collaborate earlier with developers and stakeholders together at once to align from the beginning and reduce back-and-forth.

Translating abstract requests into actionable design

  • Communicating with non-designers in a technical setting

  • Prioritizing under pressure

  • Building clarity and logic into UI where none existed

Contact me by mail : je.florentia@gmail.com

Built from scratch using figma, framer ©Jenniferflorentia2025

Contact me by mail : je.florentia@gmail.com

Built from scratch using figma, framer ©Jenniferflorentia2025

Contact me by mail : je.florentia@gmail.com

Built from scratch using figma, framer ©Jenniferflorentia2025