( XS Studios / 2013 )
Sharjah International Book Fair
Delivered the homepage for the 32nd edition of one of the Arab world's largest publishing events, as sole designer within the agency team, for a client under the Sharjah Book Authority
- My role
- Senior UI/UX Designer
- Timeline
- 2013
- Category
- Cultural Events / Publishing / Government and Public Sector
- Status
- New design, delivered
Tools Sketch, Photoshop
Generated schematic, not a screenshot. Real imagery to follow.
( The account )
Context
The Sharjah International Book Fair is one of the largest publishing events in the Arab world, run under the Sharjah Book Authority. This project covered the homepage for the **32nd edition, held 6 to 16 November 2013**.
An event website of this kind has an unusual lifecycle. For most of the year it is a planning and registration tool: exhibitors book stands, publishing professionals apply to programmes, and the public checks dates. Then for eleven days it becomes a live publication, carrying daily news, photography, video, award announcements, and schedule changes as they happen. The same homepage has to do both jobs without being redesigned in between.
It also serves genuinely different constituencies at once. The general public wants to know when to visit and what is on. Publishers and rights buyers want the Professional Program. Translators and publishers want the Translation Grant. Exhibitors need accounts, registration, and stand services. Sponsors need visibility. Press need the media centre.
The problem
The core difficulty is that **a single homepage has to serve a public audience and a trade audience simultaneously**, and those two groups want almost nothing in common. A page tuned for families planning a visit buries the Professional Program; a page tuned for the publishing industry reads as closed to the public.
Layered onto that:
- **The page must change character during the event.** Before the fair it is a brochure and a registration desk. During the fair it is a news desk. A structure that only works in one mode fails for most of the year.
- **Bilingual Arabic and English delivery**, with the same right-to-left considerations as any UAE public-sector project.
- **A commercial layer that cannot be hidden.** Sponsors, exhibitor advertising, and brochure distribution are how the event funds itself, and they need genuine placement rather than a footer strip.
- **A sibling event.** The Sharjah Children's Reading Festival runs under the same authority and needs cross-promotion without the two sites collapsing into one identity.
What I did
The page resolves the public-versus-trade tension by **fanning the site out into a row of programme doors** placed immediately below the hero. Six icon-led entries covering About Sharjah, Books, the Professional Program, the Translation Grant, SIBF Guests, and Services sit as a single teal band across the page. Rather than ranking the audiences, the design gives each constituency a labelled door at the same level, so a rights buyer and a first-time visitor both find their route in the same glance and neither has to read past the other's content.
The dual lifecycle is handled by building **live-publication components into the standing layout** rather than adding them at event time. An announcements ticker runs directly under the door bar for daily updates. A large Featured News panel uses vertical numbered tabs to switch between News, Events, Photos, and Videos, so four content streams occupy one block of page space and stay useful whether they hold three items or three hundred. A live Twitter feed sits alongside. Before the fair these components carry programme information; during the fair they carry the fair itself, with no structural change.
The **hero leads editorially rather than promotionally**, opening on a named prize winner with a campaign sticker device rather than a generic crowd shot, which frames the fair as a literary institution rather than a trade show.
The **commercial layer is designed in as content**: an exhibitor advertising slot sits inline in the page, statistics badges summarise the fair at a glance beside a brochure download and newsletter subscription, and a sponsors strip runs above the footer. A user login panel supports exhibitor and professional accounts directly on the homepage.
Outcomes
- Delivered the homepage for the 32nd edition of one of the Arab world's largest publishing events, as sole designer within the agency team, for a client under the Sharjah Book Authority
- Resolved a public-versus-trade audience conflict with a six-entry programme door bar giving every constituency an equal route rather than imposing a hierarchy
- Designed a homepage that operates in two modes, planning tool and live event publication, without structural change between them
- Integrated the event's commercial model into the page as content, covering exhibitor advertising, sponsor visibility, brochure distribution, and newsletter subscription
- Carried exhibitor and professional account access onto the homepage itself through an inline login panel
- Designed bilingual Arabic and English delivery with right-to-left readiness, and routes to the companion iOS and Android apps
What I learned
Designing for an event means designing for two different websites wearing the same skin. The version that exists for eleven days and the version that exists for the other 354 have almost nothing in common in terms of content volume, and the temptation is to optimise for the exciting one. Building components that hold either state was the decision that made the page survivable, and it is the thing I would carry to any brief with a seasonal peak.
Refusing to rank your audiences can itself be the design. The instinct on a page serving both the public and an industry is to pick a primary and route the rest, because that is what produces a clean hierarchy. Here the door bar works precisely because it declines to choose, and it turned out that six equal doors are faster to scan than a hierarchy plus a menu. Equality was not a compromise position; it was the more usable one.
Commercial requirements are easier to design well when they are admitted early. Sponsor strips, advertising slots, and brochure downloads are usually treated as things to accommodate at the end, and they always look like it. Placing them in the structure during the define phase meant the advertising slot sits in a natural reading position and the stats-and-brochure block became a genuinely useful page element rather than a concession.
( Tags )
- Event Website
- Cultural Events
- Publishing
- Book Fair
- Government and Public Sector
- Multi-Audience Design
- Information Architecture
- Bilingual Design
- Arabic and Right-to-Left
- Editorial Design
- Live Content Design
- Sponsorship and Commercial Integration
- User Accounts
- Art Direction
- Responsive Web Design
- Agency Work
- UAE