MY ROLE
Product Designer
TYPE
Product Designer
TIMELINE
4 days
COMPANY
SCALEKIT
OVERVIEW
Scalekit helps B2B SaaS companies (like Notion, Slack) add enterprise-ready features—SSO, 2FA, Audit Logs, etc.—without building them from scratch. This reduces engineering costs, speeds up go-to-market, and keeps core product teams focused.
UNDERSTANDING APIs & API LOGS
APIs are rules and protocols that allow software applications to communicate with each other and exchange data.
Server goes through your request, finds the required data, prepares for the response : Server Processing the Request
Server responds back to your browser with the information you looked for (HTML, Images, Code) : API Call return
API Logs shows you what happened when you sent a request step by step:
Did the request reach the server?
Did the server understand the request?
Was there an error in the response?
How long did it take for the server to respond?
API logs is their go-to-tool for integration issues.
THE CHALLENGE
When developers integrate Scalekit, they often face issues and need visibility into their API usage to debug and troubleshoot effectively.
Current pain points/ DEV INSIGHTS:
Raw server logs/Terminal Logs data is not structured
Scanning large JSON files slows down decision making and wastes time
No way to spot failing endpoints or latency issues quickly
ASSIGNMENT DETAILS
Design an API Logs feature that allows developers to access and analyse their API activity with Scalekit—enabling efficient debugging, integration, and troubleshooting.
Design an API Logs Overview Screen
● A table displaying key details such as Timestamp, Endpoint, Status, Response time.
● Add filters for: Date range, Status (success/failure), Endpoints
● Include a Summary section with: Total API calls, Success rate, and Average response time
Design a detailed API Log View
● Display full request/response details, including headers and body
● Highlight error details (when applicable)
● Add visual elements to prioritise key data points (e.g, errors in red)
LAYOUT
SOLUTION
LEARNINGS
Understanding APIs & Log Structures
How APIs work and how log data are essential for debugging and analysis.
Designing for Developers = Prioritizing Speed, Readability & structured data for quick scanning.
B2B SaaS Enterprise Infrastructure Needs
Enterprise Buyer and Mid-Level Buyer Concerns
Designing in Dark Mode