Available for Freelance

Yosra
Hassani

Web Integrator · Front-End Developer

Turning Figma designs into pixel-perfect, responsive websites for 5 years — specialising in HTML5, SCSS, JavaScript, WordPress & Symfony.

HTML5SCSSJavaScript WordPressSymfonyFigma
View Projects Contact Me
5
Years of
Experience
"I transform visions into elegant, functional web experiences — one pixel at a time."
5+
Years Experience
50+
Projects Delivered
30+
French Clients
100%
Attention to Detail

About Me

Passionate about
Craft & Code

I'm a Web Integrator based in Sousse, Tunisia with 5 years of experience crafting seamless digital interfaces.

My work spans WordPress, Symfony, Laravel and bespoke front-end builds — primarily for French clients and digital agencies.

  • ✓Expert Figma-to-HTML translation with zero design drift
  • ✓Cross-browser & cross-device responsive development
  • ✓Strong alignment with French agency workflows
  • ✓W3C standards, accessibility & SEO best practices
AI-Assisted Workflow ChatGPT · Claude · HeyGen

Modern Workflow

Amplified by
Artificial Intelligence

I integrate AI tools deliberately into my daily workflow — not to replace craftsmanship, but to sharpen it.

Every line of code I ship is reviewed, tested, and owned by me. AI is the co-pilot; I'm always at the wheel.

  • ⚡
    AI Content & Creative GenerationChatGPT, Claude & HeyGen accelerate creative work and video generation.
  • 🎨
    Design-to-Code AssistanceClaude & ChatGPT help translate complex Figma layouts into semantic HTML.
  • 🔍
    Debugging & Code ReviewAI pair-programming to catch edge cases and cross-browser inconsistencies faster.
  • 🎬
    AI Video & AvatarsHeyGen for professional multilingual video content without a camera.

AI Tools I Use

The Stack That Powers My Work

A carefully selected set of AI tools that complement my front-end expertise.

ChatGPTClaude (Anthropic) HeyGenGitHub Copilot MidjourneyAdobe Firefly

Experience

Timeline

Lead integration engineer transforming client designs into fully responsive websites. Daily collaboration with project managers and designers.

  • Compliance with web standards and integration best practices.
  • WordPress and Symfony site integration.
  • Cross-browser and cross-device responsive interfaces.
  • Daily collaboration with project managers and designers.
  • HTML5
  • SCSS
  • JavaScript
  • jQuery
  • WordPress
  • Symfony
  • Git

Development of a web-based educational platform to manage courses, learners and content.

  • Development of an educational web platform (Laravel).
  • Database development and integration.
  • Authentication and user role management.
  • Laravel
  • PHP
  • MySQL
  • HTML5
  • CSS3

Development and improvement of business management solutions using WinDev.

  • Development and enhancement of business solutions with WinDev.
  • WinDev
  • Business Software

Android app connected to a web supervision platform — from conception to deployment.

  • Android app connected to a web supervision platform.
  • Mobile application development (Kotlin).
  • Back-end in native PHP.
  • Mobile-to-web communication.
  • Supervision and data processing.
  • Android
  • Kotlin
  • PHP
  • MySQL

Skills

Expertise

🎨

Front-End

  • HTML598%
  • CSS3 / SCSS95%
  • JavaScript85%
  • jQuery88%
  • Bootstrap90%
🧩

CMS

  • WordPress93%
  • Astra88%
  • Spectra82%
⚙️

Back-End

  • PHP78%
  • Symfony72%
  • Laravel75%
  • Kotlin (Android)60%
🛠

Tools

  • Git & GitHub88%
  • Figma92%
  • Photoshop78%
  • AI Tools85%

Services

What I Offer

🧱

WordPress Integration

Custom theme development and full Figma-to-WordPress delivery.

⚡

Figma to HTML

Pixel-precise translation of Figma prototypes into clean HTML5 & SCSS.

📱

Responsive Design

Mobile-first layouts that adapt to every screen size.

💻

Front-End Development

Interactive JavaScript components and animations that bring designs to life.

🔧

Website Maintenance

Updates, performance monitoring and security patches.

🔍

SEO Optimisation

Technical SEO audits, semantic markup and page-speed improvements.

Projects

Featured Work

Boutique Vêtements Hiver – site e-commerce responsive
↗ Live Demo GitHub

HTML · CSS · E-Commerce

Winter Clothing Store

Responsive demo for a winter fashion brand with sliders and editorial layout.

  • HTML5
  • CSS3
  • JavaScript
Love Nature – paysage
↗ Live Demo GitHub

HTML · CSS · Environment

Love Nature – Paysage

Environmental awareness landing page with full-screen hero and smooth scrolling.

  • HTML5
  • CSS3
Site Boulangerie – vue desktop
↗ Live Demo GitHub

HTML · CSS · Food

Boulangerie

Elegant bakery website with menu, chef showcase and Figma visual identity.

  • HTML5
  • CSS3
  • JavaScript
RBK Front-End Challenge – Link Sharing App
↗ Live Demo GitHub

HTML · CSS · JavaScript

RBK Link-Sharing App

Profile builder with live phone preview — pixel-perfect Figma challenge.

  • HTML5
  • CSS3
  • JavaScript
CPF Excellence – Plateforme E-learning Laravel
GitHub only GitHub

Laravel · PHP

CPF – Laravel Platform

Full-stack Laravel app with Blade, MySQL and user management.

  • Laravel
  • PHP
  • MySQL
PFE LEONI – Application Mobile Android connectée à une plateforme web
Web Admin Android App

PHP · Android · PFE

PFE – Mobile App Admin Panel

PHP admin dashboard paired with a native Android app for employee management.

  • PHP
  • Android
  • Kotlin
  • MySQL
View All on GitHub →

Certifications

Credentials

🎓

Google

Digital Marketing Fundamentals

ID: BFD CZD 2TE

🎓

OpenClassrooms

Git & GitHub — Version Control

View Certificate →
🎓

OpenClassrooms

Responsive UI Development

View Certificate →

Get in Touch

Let's build something remarkable

Whether you have a project in mind or want to discuss how to elevate your web presence — I'm ready to listen.

Open to Opportunities

Available for freelance missions, remote contracts — especially with French-speaking agencies.

  • ✦Freelance Web Integration
  • ✦WordPress & Symfony Projects
  • ✦Figma-to-Code Missions
  • ✦Long-term Agency Partnerships
  • ✦Remote · Sousse, Tunisia · CET
Send an Email LinkedIn