The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
I developed a professional bilingual landing page (Arabic/English) designed for training programs and digital services. The page delivers a clean, modern, and high‑conversion experience with instant language switching between Arabic and English without reloading. The project was built with a strong focus on user experience, fast performance, and trust‑building from the first interaction.
The landing page includes fully structured sections such as the hero area, features, curriculum or service overview, instructor/about section, pricing plans, testimonials, FAQ, contact, and clear call‑to‑action buttons. A countdown timer was added to increase urgency, along with direct WhatsApp integration to simplify communication with potential clients.
The design is fully responsive and optimized to work smoothly on all devices. It loads quickly without relying on heavy builders or frameworks. The codebase is clean, lightweight, and easy to modify. The page can be deployed on GitHub Pages, Netlify, or Vercel with minimal setup.
Technologies used: HTML5, Tailwind CSS, Vanilla JavaScript, Google Fonts, and a structured design system based on Design Tokens for consistency and scalability.
This project was created with a deep understanding of user behavior in both Arabic and global markets, focusing on building trust, guiding users toward clear actions, and delivering a smooth, fast experience. It is ideal for educational platforms, training courses, tech companies, digital services, and SaaS products.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Rectraa helps sales teams extract, classify and organize leads collected through WhatsApp. I designed and developed its marketing website to explain the product clearly, demonstrate its workflow and encourage visitors to try it.
Project information:
Role: Website Designer & Framer Developer
Scope: Website strategy, UI design, responsive design and development
Tools: Figma and Framer
Deliverable: Responsive SaaS marketing website
High end design
Gave our website a little refresh.
The result is insane
A watch movement lifted from one photograph into 3D. HEXANOX is an independent horology institute. We certify mechanical movements by measurement, amplitude, beat error, positional variance, to tolerances your eye cannot see.
I built this project to test A watch movement lifted from one photograph into 3D. HEXANOX is an independent horology institute. We certify mechanical movements by measurement, amplitude, beat error, positional variance, to tolerances your eye cannot see. The core engineering challenge was sustaining uncompromised 60 FPS rendering using Three.js (GLB 3D) while handling continuous user interaction without framework overhead.
WHAT I WAS TESTING:
I focused on two core engineering benchmarks:
Precision implementation of image → GLB under continuous interactive user input
Sustained 60 FPS render performance and zero-dependency browser execution
THE TECHNICAL SIDE:
Engineered directly in the browser with Three.js (GLB 3D), WebGL / GLSL Shaders, Canvas2D, Image → GLB. The application runs without third-party frameworks or build-step dependencies, using hardware-accelerated rendering and custom event loops to achieve zero-latency response.
Everything executes in the browser using Three.js (GLB 3D), WebGL / GLSL Shaders, Canvas2D, Image → GLB. No third-party frameworks, no heavy runtime bundles, and zero external tracking.
WHAT I LEARNED:
Balancing the mathematical rigors of image → GLB with tactile browser interaction required tuning event throttling and memory allocation to eliminate all garbage collection stutters.
Finding the sweet spot between mathematical precision and frame budget took careful profiling, but the result runs at a steady 60 FPS even on modest hardware.
TRY IT YOURSELF:
The live build is deployed on Netlify. Open it in your browser, test the controls, and observe the render response times.
If you are building high-performance 3D, physics, or creative web systems and want to collaborate, reach out here on Contra.
