OTX

A tech-forward, bilingual platform developed for an enterprise management and invoicing solution. Built on WordPress with Elementor Pro, the site features a sleek, deep-blue corporate aesthetic with dynamic data counters and floating visual elements, optimized for high performance and lead generation across all devices.

LIKE THIS 1

/* Clean, Minimalist Portfolio Component */ .ts-portfolio-block { background-color: transparent; color: #111; font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; max-width: 100%; padding: 20px 0; } .ts-title-wrapper { display: flex; align-items: baseline; gap: 15px; margin-bottom: 25px; border-bottom: 2px solid #c194d1; padding-bottom: 15px; } .ts-project-title { font-size: 2.8rem; font-weight: 800; color: #000; margin: 0; text-transform: uppercase; letter-spacing: -1px; } .ts-project-category { font-size: 1rem; color: #c194d1; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; } .ts-content-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 50px; margin-top: 30px; } .ts-main-text { font-size: 1.1rem; line-height: 1.85; color: #333; } .ts-main-text p { margin-bottom: 20px; text-align: justify; } .ts-quote-box { background-color: #fafafa; border-left: 4px solid #c194d1; padding: 25px; margin: 35px 0; font-size: 1.15rem; font-style: italic; color: #444; line-height: 1.7; } .ts-sidebar { background-color: #050505 !important; padding: 35px 30px; border-radius: 12px; height: fit-content; box-shadow: 0 10px 30px rgba(0,0,0,0.05); } .ts-sidebar-title { color: #c194d1 !important; font-size: 1.3rem; margin-bottom: 25px; font-weight: 700; border-bottom: 1px solid #222; padding-bottom: 15px; text-transform: uppercase; letter-spacing: 1px; } .ts-tech-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 15px; } .ts-tech-list li { color: #ffffff !important; font-size: 1rem; display: flex; align-items: center; gap: 12px; font-weight: 500; } .ts-tech-list li::before { content: '■'; color: #c194d1 !important; font-size: 0.7rem; } /* Responsive adjustments */ @media (max-width: 992px) { .ts-content-grid { grid-template-columns: 1fr; gap: 30px; } .ts-title-wrapper { flex-direction: column; gap: 5px; } .ts-project-title { font-size: 2.2rem; } }

OTX

Business Management SaaS

OTX is a comprehensive business management and invoicing platform designed to centralize operations for modern enterprises. The goal of this project was to build a tech-forward, bilingual digital presence that effectively communicates the platform's precision, efficiency, and full-suite B2B solutions to potential corporate clients.

The UI/UX design adopts a sleek, deep-blue corporate aesthetic that reflects trust and technological innovation. It features floating visual elements, such as dynamic digital invoices and sales reports, alongside animated data counters to immediately showcase the platform's robust capabilities and established user base.

A high-performance, bilingual SaaS platform designed to centralize business operations and elegantly showcase innovative financial and management solutions.

Developed using a secure WordPress architecture, the frontend was crafted with Elementor Pro. This allowed for the seamless integration of complex visual assets, smooth scrolling animations, and prominent call-to-action sections tailored for lead generation and user onboarding.

The site fully supports bilingual functionality (English and Arabic), ensuring a seamless and localized experience for a diverse regional audience. Extensive performance optimization guarantees that these intricate design elements load lightning-fast and adapt perfectly to mobile, tablet, and desktop screens.

OTX

OTX

Tech Stack