Skip to content

AMER ABDALLAH · WEBSITE CASE STUDY

A bold digital presence for a career beyond the ring.

Amer Abdallah’s website brings personal history and professional interests into a distinctive online experience. Dramatic photography, strong typography, and focused navigation introduce the person behind the name and give visitors a clear starting point for exploring his work.

Amer Abdallah desktop homepage with monochrome boxing photography and bold name typography.
Amer Abdallah mobile homepage with compact navigation and vertically arranged introductory content.
Client
Amer Abdallah
Website type
Personal brand and professional profile
Focus
Visual storytelling, content navigation, responsive presentation
Website
amerabdallah.com

01 / The brief

One identity. Multiple reasons to visit.

A personal brand website needs to do more than introduce a name. It needs to help different visitors understand the story, explore professional interests, and find the right next step. This project brings those pathways together through a strong visual introduction and clearly organized navigation.

These are design needs addressed by the current presentation, not a claim that the earlier website failed.

  • 01

    Create a memorable introduction

    Establish a recognizable identity through photography, typography, and a focused opening message.

  • 02

    Organize a multifaceted story

    Give visitors clear entry points into the journey, promotions, advisory interests, and media content reflected in the site navigation.

  • 03

    Support business conversations

    Make the business-contact entry point visible within the overall experience.

02 / Visual design

Built to make an impression.

Monochrome action photography leads the opening screen, oversized condensed lettering makes the name a central visual element, and restrained gold details accompany focused navigation. The observations describe the supplied screenshots; photography and the name treatment are not credited as assets created by XWeb Pros.

  1. 1Photography leads the experienceMonochrome action imagery gives the opening screen energy and context.
  2. 2Typography establishes identityOversized condensed lettering makes the name a central visual element.
  3. 3Navigation provides directionDistinct content categories and a business-contact action help visitors choose where to go next.

03 / Responsive

Explore the experience across devices.

Views of the website across desktop, tablet, and mobile layouts.

Desktop. Desktop homepage: dramatic photography, prominent name typography, and full navigation.

04 / Before / After

A new visual direction.

The earlier capture presents article columns, smaller images, and sidebar navigation. The current homepage centers a full-width monochrome photograph, large name typography, an introductory message, and distinct professional-content pathways.

This comparison shows observable presentation differences—not revenue, traffic, lead-generation, or speed improvements. The earlier capture contains archive-player notices, which do not establish broken videos on the original live site.

Website version
Previous website
Earlier Amer Abdallah website capture showing article columns, sidebar navigation, and archive-player notices.

Authentic earlier capture reused from the XWeb Pros web-design comparison. Archive-player notices describe this captured archive, not verified failures on the original live website.

05 / Visitor path

A clear path from introduction to inquiry.

The “Let’s Talk Business” action links to the public /contact page, which presents inquiry categories and a business-contact form. Its destination was reviewed without entering or submitting information. This does not establish tested delivery, CRM integration, automated follow-up, or appointment scheduling.

  1. 01

    Discover the story

    A strong opening image and introductory message establish the website’s subject and tone.

  2. 02

    Explore professional interests

    The navigation separates the journey, promotions, advisory content, and media into recognizable entry points.

  3. 03

    Start a conversation

    The prominent “Let’s Talk Business” action provides a visible route toward a business inquiry.

06 / Delivered

A cohesive personal-brand experience.

A cohesive personal-brand presentation with a distinctive visual identity, organized content pathways, and layouts shown across desktop, tablet, and mobile.

Delivered by XWeb ProsWeb Design and Website Rebuilds

Your next project

Give your reputation a website that represents it.

We help businesses and personal brands turn their story into a clear, engaging digital experience. Let’s discuss what your website should communicate—and what visitors should do next.

Related services (not delivery credit)

Back to Our Work