← Back to Projects

Abraj Platinum: Fiber Optic Solutions Website

A professional digital presence for a telecom leader in Syria

Overview: The Challenge

Abraj Platinum L.L.C., a leading provider of fiber optic solutions, needed a modern corporate website that reflected their technical expertise and market leadership. The challenge was to design and build a high-performance, responsive site that would build trust with business clients, clearly showcase their services, and provide a reliable channel for new customer inquiries.

Live Website   |   [GitHub Repo (Private)]   |   View the Figma Design

🎯 Key Features & Tech Stack

As the frontend developer, I focused on building a feature-rich and reliable user experience using a modern tech stack.

• Dynamic Navigation: A sticky navbar that transitions from transparent to solid on scroll, built with react-scroll for smooth, animated navigation to different sections.
• Interactive UI: Implemented engaging hover effects, a sleek testimonial slider, and animated text with React Typing Effect to create a dynamic user experience.
• Reliable Contact Form: Integrated the Web3Forms API to ensure that customer inquiries from the contact form are delivered instantly and reliably via email.
• Performance-First: Utilized Vite for a rapid development workflow and an optimized, fast-loading production build.

🖼️ The Live Product in Action

Here are some key features of the final deployed website, showcasing how specific design and development choices create a better user experience for corporate clients.

Interactive Service Showcase

“Our services” and “About Us” sections are combined to create a seamless flow. Interactive cards with hover effects present the company’s core offerings, while an integrated video player allows for immersive brand storytelling without navigating away from the page.

Expandable Project Gallery

To prevent information overload, the projects gallery initially displays a curated selection. A “View More” button dynamically reveals additional projects with a smooth animation, allowing interested clients to explore the full scope of work on demand.

Seamless Mobile Experience

The website is 100% responsive. On mobile devices, the navigation collapses into an intuitive side-menu, ensuring that the site is professional and easy to use for clients Browse on the go.

🎨 Design & UI/UX Process

The design goal was to create a clean, corporate, and tech-forward visual style that establishes brand credibility and provides quick, intuitive access to information.

• Audience: Primarily businesses and institutions seeking high-quality network infrastructure.
• Color Palette: A professional and trustworthy palette of Blue (#003366), White (#FFFFFF), and Gray (#F5F5F5).
• Typography: Used Poppins and Open Sans for their excellent readability and modern, corporate feel.

UI Mockups

These are the final high-fidelity mockups that guided the frontend implementation.

Desktop UI	Mobile UI