Conference and event website design

The design brief. A site for a concert and conference event, carrying a schedule, speaker profiles, sponsor recognition and ticket sales. Event sites have an unusual constraint: they are read in two completely different modes. Before the event, visitors are deciding whether to attend and want atmosphere and headline names. During it, attendees want the timetable and the room number, immediately, on a phone, often standing up. One design has to serve both without compromising either.

The hero decision. We set the event name as enormous display type in a red-to-pink gradient, filling the width of the screen, over a faded photograph of a crowd with hands in the air. The word itself becomes the image. Most event sites lead with a photograph and set the name over it in a modest size; inverting that relationship makes the page feel like a poster rather than a website, which is exactly the register a live event should be selling in.

Supporting detail. Directly beneath, the performer name in a heavy serif, then the dates and venue in small type with the year picked out in the accent colour. That descending scale — enormous, large, small — reproduces how someone actually reads a gig poster: what, who, when. The information is ordered by how much it matters to the decision, not by how much space it needs.

Ticket conversion. The ticket button sits in the top navigation, filled in the accent pink, and stays there permanently. It is the only filled button in the entire header. Every other navigation item is plain text. That single visual difference means a visitor who has decided to buy never has to look for the way to do it, whatever point in the page they reached before deciding.

The schedule. This is where most event sites fail, and it received the most attention. Sessions are laid out as horizontal cards, each with the time, the title, the speaker's photograph and name, the duration and the room. The date sits in a separate block to the left of the group rather than repeating on every row. Additional speakers appear as small overlapping avatars at the right edge of the card, a compact device that communicates a panel without adding a line of text.

Why that structure. An attendee scanning a schedule on a phone during a break is looking for one thing: what is on next and where. Cards with a strong left-aligned time column let the eye run vertically down the times and stop only at the relevant row. A table would technically hold the same data and be far harder to use on a small screen. The photographs matter too — delegates recognise faces more reliably than names when trying to decide between two parallel sessions.

Content beyond the schedule. An about section pairs a block of text with a video thumbnail carrying a play control, giving prospective attendees a sense of the event's atmosphere that no description achieves. A downloadable poster is offered alongside it, which is a small but genuinely useful touch for the organisers and for anyone promoting the event on the organisers' behalf.

Restraint in the palette. Beyond the gradient in the hero, the page is white with black type and a single pink accent. All the energy is concentrated in the first screen; everything after it is quiet and legible. Events are exciting, but their websites mostly need to be useful, and the design separates those two jobs cleanly instead of trying to do both everywhere.