Interface Design
Drag, Drop, Launch: Web-Based Object & Interface Design
Master web-based object & interface design without any external software. Streamline your development with a drag-and-drop editor, a rich component library, and real-time previews with Cheetah Platform.
Cheetah · UI Design · Editor
Service Request Form
Request Title
VPN Access
Request
Category
Software
Priority
High
Assignee
Ahmet Y.
#ServiceStatus
4821VPN Access
Open
4820Printer Setup
In Progress
Web-Based Object & Interface Design
Problem & Solution
CURRENT STATE
Separate tools for screen design, development, and testing—every step requires a different application.
Constant handoffs between design and development lead to information loss and delays.
Business units must open an IT ticket even for simple form changes.
UI design requires technical expertise, preventing business units from acting independently.
A full dev-test-deploy cycle is required for every change—small updates take days.
WITH CHEETAH
Interface Design
UI design, data binding, and publishing on a single platform without leaving the browser.
Designs are previewed instantly, and changes are reflected in real-time.
Business units can independently design and publish their own forms, screens, and objects.
Minimal technical knowledge required—professional UI design made possible with drag-and-drop.
Changes take effect instantly—the traditional development cycle is eliminated.
Component Library
Design Faster with Pre-Built Components
Form Components
Text boxes, dropdown lists, date pickers, file uploaders, and more. Every component can be seamlessly connected to a data source.
Data Visualization
Tables, charts, KPI cards, and dashboards. Instant updates with real-time data binding.
Navigation & Layout
Menus, tabs, panels, grids, and card layouts. Perfect appearance on every device with responsive design support.
Action Components
Buttons, links, checkboxes, and switches. Business rules and workflow triggers can be attached to every action.
Module Benefits
Impact of Web-Based Object
& Interface Design on Operations
Reduce IT Dependency
Business units can independently handle simple screen changes, form updates, and new object definitions without needing IT support. UI design is no longer exclusive to developers.
Citizen Developer Support
Full Cycle on a Single Platform
Design, bind data, test, and publish—all within Cheetah. Eliminate the steps of moving from Figma to HTML, and from HTML to the development environment. Shorten your development cycle.
Integrated Development Environment (IDE)
Consistent Corporate Identity
Brand colors, fonts, and component styles are applied consistently across the platform. Define your design system once, and all screens remain automatically compliant. Every interface looks professional and stays true to your corporate identity.
Design System
Step by Step
How it Works?
Open the Canvas
Access the Cheetah Platform’s web-based object & interface design editor directly from your browser. Create a new screen or edit an existing design. No software installation required.
Drag Components
Select your desired component from the left panel and drag it onto the canvas. Instantly adjust its position, size, and visual properties using the right panel.
Bind Data
Connect your component to an API, form field, or platform data. View exactly how the data appears in real-time with the instant preview feature.
Publish
Approve your design and publish with a single click. Changes take effect instantly in the live environment. Version history is automatically maintained.
Use Cases
Who Uses Web-Based Object & Interface Design?
Business Specialist
Citizen Developer
I needed to add a new field to the customer request form. In the old process, I would open an IT ticket and wait for weeks. With Cheetah’s interface design editor, I handled it myself in just 20 minutes.
Eliminated IT Dependency
Application Developer
Low-Code Application Production
Designing in Figma, then converting to HTML and integrating it into the platform was a huge waste of time. In Cheetah, design and integration happen in a single step—my development speed has tripled.
3x Faster Development
Operations Manager
Process Digitalization
We wanted to digitalize our Excel-based processes, but the development costs were too high. With Cheetah’s web-based interface design, we built our own screens as a team.
Low-Cost Digitalization
SPIDYA
Cheetah Low - Code Features
Turn your processes into products and applications in no time with the features of the Cheetah Low-Code Development Platform!
F.A.Q
Frequently Aske Questions
Is technical knowledge required for interface design?
No. Cheetah Platform’s drag-and-drop editor allows users without technical expertise to create professional interface designs. Simply select components and drag them onto the canvas, then adjust visual properties from the panel. Customization options are also available for developers who wish to write code.
Are the designed interfaces mobile-compatible?
Yes. Cheetah’s interface design editor supports responsive design. Components can be configured to automatically adapt to different screen sizes. Desktop, tablet, and mobile views can be previewed directly within the editor.
How are designed screens connected to real data?
Every component can be directly connected to data sources, APIs, or form fields within the Cheetah platform. Data binding is performed visually within the editor—field mapping determines exactly where data appears. You can instantly test the data binding with the real-time preview feature.
Can we edit existing screens?
Yes. All screens previously added to the platform can be edited using the interface design editor. Adding new fields, changing layouts, or updating components—all changes are stored in the version history and can be rolled back at any time.
Is it possible to show different screens to different users?
Yes. It works seamlessly with Cheetah’s role-based access management. It is possible to design the same screen to display different components and data for different user roles. For example, while managers can see all fields, technicians see only the sections relevant to them.
Is corporate brand identity maintained in the designs?
Yes. The platform-wide design system—including color palettes, fonts, corner radiuses, and shadow styles—is defined centrally. When you add a new component, it automatically conforms to your corporate identity. This ensures a consistent experience across all screens.
How does the web-based editor differ from tools like Figma?
Figma only produces design prototypes—it requires a handoff to a separate environment for development. Cheetah Platform’s web-based interface design editor produces directly functioning applications. This eliminates the gap between design and development, and changes are pushed live instantly.
Contact Us
Carry Your Business Processes into the Future with Digital Transformation!
Contact us for digital solutions tailored to your business processes.
Let us analyze your needs and create a clear roadmap.
Let us analyze your needs and create a clear roadmap.