WEB DESIGN

Designing a Responsive Reporting and Data Visualization Platform

CLIENT

NK Warehouse
Solutions

ROLE

UX Designer

TIME FRAME

7 months

YEAR

2025

Introduction

Overview

NK Warehouse Solutions is a logistics technology company focused on optimizing warehouse operations. During my time with the company, I led the design and front-end enhancement of their internal reporting platform and main website, focusing on improving data accessibility, visualization, and overall user engagement.


The Challenge

NK Warehouse Solutions aimed to strengthen its brand identity through a more cohesive visual language across its digital tools and website.


Key Focus

  • Visualizations lacked clarity and customization, making it difficult for users to interpret and filter information effectively.

  • Report generation was delayed due to an unresponsive and outdated interface.

  • The visual identity varied across tools and platforms.

Deliverables

Website

Tools

Figma, Zoom, React JS, Google analytics

My Role

Product Designer & Front-End Developer

I collaborated with the product and engineering teams to design a modern, data-driven reporting interface, improve user interactions, and elevate the brand’s visual identity through cohesive UI and website design.

Process


  1. Research & Discovery

I began by conducting user interviews and observing warehouse managers interacting with the old reporting tool. Through this, I identified common friction points. Mainly around report generation speed, lack of filtering control, and overwhelming visual layouts.


  1. Wireframing & Prototyping

Using Figma, I created low- and high-fidelity wireframes focusing on:

  • Responsive Layouts for accessibility across desktop and tablet devices

  • Advanced Filter Options to help users customize dataset views

  • Data visualization enhancements (graphs, tables, and color-coded summaries)





  1. Visual Identity & Branding

To unify the company’s design language, I developed new visual Identity Elements in Procreate, including iconography, color palettes, and typography systems that aligned with NK Warehouse Solutions’ mission of clarity and precision.

  1. Front-End Implementation

I partnered with developers to implement the new interface using React.js. My focus was on:

  • Enhancing navigation flows for easier access to reports and dashboards

  • Simplifying user interactions with complex data sets

  • Maintaining performance Efficiency and responsiveness across devices



  1. Website Design & Development

Beyond internal tools, I designed and built the company’s official website using Figma and Framer, incorporating a chatbot Feature for faster client communication and support.

Results

30%

faster report generation with the new responsive interface.

50%

reduction in user training time due to improved usability

20%

increase in user satisfaction ratings across internal tools

Conclusion

This project strengthened NK Warehouse Solutions’ digital ecosystem by merging intuitive design with strong technical implementation. Through collaborative design and iterative testing, I helped transform complex warehouse data into clear, actionable insights, ultimately empowering users to make faster and more informed operational decisions.

Future Scope

Looking ahead, the next step for NK Warehouse Solutions is developing an AI-powered chatbot integrated into the reporting platform, enabling users to generate reports and access insights through natural language queries. This feature will streamline data interaction by allowing users to ask questions like “Show me last month’s inventory trends,” while the system dynamically filters and visualizes results. Designed to be responsive, intuitive, and aligned with the existing brand identity, the chatbot aims to make complex data accessible in real time, further improving efficiency and user engagement.