Arete logo

Five screens from curiosity to a booked seat.

UI design for a two-day women’s leadership conference in Washington, DC: five screens, one design system, built for mobile, tablet and desktop.
SERVICES
UI/UX
INDUSTRY
Events
COUNTRY
United States of America
Five Arête Woman screens side by side, the Figma design file and the homepage design

About the project.

The Arête Woman Conference brings women building careers and businesses to Washington, DC for two days of keynotes, workshops and panels, under the theme The Power Within.

The organisers needed an interface that could carry a lot of detail (speakers, organisers, an hour-by-hour agenda, FAQs) without ever losing the one action that matters: registering.

Screens in one design system

5

Breakpoints: mobile, tablet and desktop

3

WCAG 2.1 contrast and touch targets

AA

Building something with the same shape?

Challenge.

A first-time conference asks people to commit before there is a track record. Every screen had to earn trust, from who is speaking to who is organising, and still keep registration one tap away.

The content was long and mixed: six speaker bios, eight organisers, a full-day agenda and logistics. Shown flat, it would feel like a document. The design had to make it scannable on a phone first.

Featured speakers design, the who it is for section from wireframe to final, and the agenda

Our process.

Research

Interviews with the organisers mapped how their audience decides to attend: who is speaking, who is behind it, what happens on the day, how to register. That order became the order of the homepage.

Wireframes and testing

Key sections were explored as wireframes first, such as the “who it’s for” strip, which was tested as a grid before becoming a four-card carousel. Usability checks against Nielsen’s heuristics shaped the sticky Register button, the scannable agenda and the FAQ accordion.

Visual design

Espresso, rust, cream and gold, with light uppercase display type for a calm, confident voice. Speakers get alternating full-width cards. Five screens (Home, About, Team, FAQs and a speaker bio) share one component library in Figma.

Accessibility and responsive

Contrast, type sizes and touch targets follow WCAG 2.1 AA. Every screen was designed for mobile, tablet and desktop, with a bottom tab bar on phones.

Solution.

A conference interface that builds trust in the order people need it, then makes registering the easy next step. The build followed these screens directly: see the website case study.

  • Hero with theme, dates, venue and two clear actions
  • Alternating speaker cards with full bios
  • “Who it’s for” audience carousel
  • Hour-by-hour agenda in scannable cards
  • Team page with organiser cards and bios
  • FAQ accordion
  • “Secure your spot” band with live countdown
  • Component library and colour and type tokens in Figma
  • WCAG 2.1 AA contrast and touch targets
  • Mobile, tablet and desktop layouts
About and Team screens, the FAQ screen and the design system with colours, type and components

Results.

Five screens and one design system, handed to development with every component defined, so the build matched the design screen for screen.

Other projects.

Project ST

Strategic website for a storytelling-driven brand and creative studio

Delio Website

Enhancing the Delio experience through expertly crafted content and documentation pages. Making online commerce effortless and accessible.

This Living Way (Blog)

Custom web presence supporting a devoted faith community in spreading the light and transforming lives for God’s glory.

We’re BeeTcore.

At BeeTcore we design, build and grow websites, platforms and digital products that keep working long after launch. Over a decade in, 550+ projects delivered.