Client Collaboration & Front-End EngineeringTimeline: 2025

Shariar Sarman — UI/UX Designer Portfolio

Pixel-perfect, performance-optimized portfolio website for a professional UI/UX designer.

Role by Md Syful Islam Siyam: Front-End Web Developer (Project-Based)
Visit Live Site ↗GitHub Repository ↗

Project Overview

A bespoke portfolio website created in close collaboration with professional UI/UX designer Shariar Sarman. The project required translating complex Figma mockups into a responsive, accessible, and fast-loading web experience while maintaining design fidelity.

The Challenge

Designer portfolios often suffer from bloated assets, sluggish animations, or layout degradation on mobile screens when implemented without careful attention to semantic HTML and CSS optimization.

The Engineering Solution

Built a lightweight, pixel-perfect website using semantic HTML5, modern CSS3, and vanilla JavaScript. Maintained sub-second load times, fluid typography, and seamless cross-browser responsiveness.

Key Architecture & Features

  • Sub-second page loading with zero heavy runtime dependencies.
  • Fluid responsiveness optimized for mobile viewports, tablets, and ultrawide monitors.
  • Interactive project showcases with high-resolution imagery and accessible navigation.
  • Optimized Core Web Vitals achieving 95+ scores in Lighthouse.

Technologies & Frameworks

HTML5CSS3JavaScriptResponsive DesignAccessibilityFigma