Hesham Mohamed

A modern personal branding website developed for a Marketing and Business Growth Strategist. Built with WordPress and Elementor Pro, the platform combines engaging interactive elements with conversion-optimized layouts to establish industry authority and drive lead generation.

LIKE THIS 582

/* 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; } }

Hesham Mohamed

Personal Branding Portfolio

For an industry professional like a Marketing and Business Growth Strategist, a strong digital presence is crucial. The goal of this project was to craft a compelling personal branding portfolio for Hesham Mohamed that effectively communicates his expertise in driving revenue, brand visibility, and integrated marketing solutions.

The UI/UX design focuses on establishing immediate trust and authority. Featuring a modern layout with subtle gradients, professional typography, and engaging interactive elements like scrolling marquees, the design guides potential clients naturally toward his services and lead-generation contact points.

A compelling personal branding platform designed to establish industry authority and seamlessly connect a top-tier marketing strategist with high-value clients.

The technical foundation was built using a highly optimized WordPress architecture. Leveraging Elementor Pro, the frontend was developed to be pixel-perfect and highly dynamic, allowing for easy updates to his professional portfolio and blog insights.

Significant attention was paid to the site's conversion architecture. Contact forms and call-to-action sections were optimized for maximum lead generation, all while maintaining lightning-fast load times and a fully responsive experience across mobile and desktop devices.

Hesham Mohamed

Hesham Mohamed

Tech Stack