A new website was the starting point for our work with Medium MENA. As we reviewed how the company presented itself, the identity became part of the brief. The existing mark carried ideas worth retaining, and we chose to refine it while developing a more consistent visual system around it.

Medium MENA works across media consultancy and talent management. Its communications need to accommodate services, people, and creative work, with different kinds of information often appearing within the same brand.

That variety gave the project a practical challenge. The company needed a recognizable setting for its communications, while the people and stories it presents needed room to retain their own character. The existing identity offered a starting point for bringing those requirements together.

Looking at the identity within the website brief

A website makes the relationships within a brand visible. The wordmark appears beside headings and imagery. Service information sits alongside work and talent. Decisions that may seem separate in individual materials become part of one continuous experience.

For Medium, the brief opened a wider conversation about those relationships. We were developing a more consistent way to organize the company’s communications, with the website as a substantial part of the work. The existing identity needed to support that structure while retaining its established character.

Preserving the meaning of the mark

We read the original symbol as an abstract i, a pen, and a figure with open arms. Those associations connected communication with a sense of openness and gave us something specific to preserve.

The multiple readings were useful because they belonged to the same simple form. The symbol could suggest a person or an instrument of communication without needing a literal illustration of either.

We studied the form and adjusted its proportions, looking for a balance that would hold across different sizes and settings. The familiar gesture remained central to the work, giving the refinement a connection to what was already there.

That choice also established a boundary. A change to the mark needed to support its use while retaining the character that made it meaningful. The surrounding identity could develop more extensively, with the symbol providing continuity.

Building a visual language around different kinds of content

Typography, color, spacing, and imagery gave the wider identity an editorial character. These elements help establish how information is introduced, what receives emphasis, and how a reader moves between different subjects.

A description of a service and a presentation of talent carry different kinds of information. They need different amounts of space and may rely on imagery in different ways. Shared layout principles can connect them without requiring identical compositions.

Someone arriving to understand the consultancy needs a clear account of what it does. Someone exploring talent needs a route into that person’s work. A common typographic hierarchy can orient both audiences while letting the content determine the emphasis.

That was the role of the wider system. It brought the company’s communications into a common visual language while leaving individual stories and images prominent.

The symbol contributes recognition, but the layouts around it do much of the work of explaining the business. A heading needs to establish context. Spacing needs to clarify relationships. Imagery needs a setting that supports its subject.

Considering these elements together gave the identity an application beyond the mark itself. It provided a structure for the information Medium needs to communicate regularly.

Carrying the refinement into the website and social media

We designed and developed a responsive website around that direction. The same attention to hierarchy and spacing carries through its pages, connecting how Medium introduces the business with how it presents its work.

Responsive design adds another set of relationships to consider. Information that appears together on a larger screen may need to follow a sequence on a smaller one. The hierarchy has to remain understandable as the composition changes.

A supporting SEO framework formed part of the build. The website’s visual presentation and its underlying organization both belonged to the project, bringing the identity into a digital setting.

Social media templates extend the visual language into regular communication. They give the team a reference for preparing new material, with consistent relationships between type, imagery, and the mark.

The work preserves a connection between Medium’s established identity and the way it now presents itself. New content can draw on the same visual rules, allowing the original symbol to remain familiar within a more coordinated set of communications.