SEKERON · ARTIST ONBOARDING

Introduce the creative world before asking users to describe themselves.

Community UXOnboardingInteraction DesignVisual Direction

The previous flow opened with profile fields. The redesign lets artists first experience what Sekeron is for discovering people, networking, collaborating and managing creative work, then collects identity and preferences progressively.

DESIGN THESISValue before data. One question at a time. Brand before bureaucracy.

Before After

From data-first onboarding to value-first onboarding.

The redesign does not simply restyle the old flow. It changes the order in which Sekeron asks for commitment.

PREVIOUS DESIGN

Profile first

Users were asked to identify themselves before the product had shown why that information mattered.

Previous Sekeron splash screen

Before: The Splash screen borrowed too many colours directly from the logo, which made the brand feel visually busy and reduced hierarchy across the screen.

Previous onboarding intro screen

Before: The screen was largely static and moved users into onboarding without communicating what they could actually do on Sekeron. It had too many competing elements and weak visual hierarchy.

Previous profile form step

Before: The steps rely on a generic illustration and standard form treatment. The visual could belong to almost any social app - it adds decoration, but doesn’t communicate Sekeron’s artist-focused world or give the user a reason to care about the information being requested.

Previous creative category grid

Before: The screen communicates different creative disciplines through generic illustration cards - Music, Photography, Fashion, Dance, Writing, Designing, Film & Theatre and Visual Arts. The categories are understandable, but the stock-style visuals make Sekeron feel like a generic creative platform rather than a real artist community. with no indication on next step

REDESIGNED

Intro before onboarding

Artists first see what Sekeron enables, then progressively build the profile needed to participate in it.

Redesigned splash screen

After: Simplified the palette and refined the brand expression, using colour more selectively. This keeps Sekeron’s original personality intact.

Redesigned product-led intro screen

After: Introduced subtle motion and product-led visuals - discovering artists, sharing work, finding collaborations, and building an artist profile. This makes the onboarding feel more engaging while communicating the product’s value.

Redesigned profile step

After: The same profile step is framed with a more distinctive, artist-led visual language and clearer content hierarchy. The imagery now reinforces the creative community users are joining, so the screen feels connected to Sekeron’s product and brand rather than like a generic signup form.

Collab space screen introduced during onboarding

After: Introduced Collab Space during onboarding itself, showing Project Tasks, Calendar, Contracts, Meetings, Chat and Media Gallery as one connected workspace. This communicates a stronger product value upfront: Sekeron doesn’t just help artists discover collaborators, it also gives them the tools to actually manage the collaboration from start to finish.

Contract agreement screen

After: “Contract Agreement” closes the tour by showing trust and structure in collaborations — a capability the previous flow never surfaced before asking for commitment.

Flow Logic

The redesign changes the order of commitment.

More steps are not automatically more friction. Each step now asks for less, arrives with more context, and keeps the next decision obvious.

OLD
Full nameEmailUsernameDOBSkillsInterests
NEW
ExperienceVALUEVerifyIdentityIDENTITYProfilePersonaliseIntentPERSONALISATION

Art Direction

A visual system made for creators, not a generic dark UI.

Rather than repeating whole onboarding screens, this section breaks Sekeron into the visual ingredients that recur across the experience.

VISUAL GRAMMAR
01  CARD STYLENear-black cards, thin grey outlines and restrained radii create structure without competing with artwork.
02  EDITORIAL ILLUSTRATIONCutout figures and asymmetric placement make the product feel closer to an editorial spread than a template.
03  STARRY BACKGROUNDSparse particles and micro-dots add depth to the black canvas without becoming decorative noise.
04  POP-COLOUR STROKESColour pop appear as strokes, underlines and directional marks - used for emphasis.
05  ORBITAL LINEWORKCircular paths, connecting lines and nodes visualise discovery, proximity and creative networks.
06  MONOCHROME UTILITY UIForms and functional modules stay quiet in black, white and grey so expressive elements retain hierarchy.
WHAT THIS DOESThe system gives Sekeron a recognisable visual signature across both expressive and functional moments.Card structure provides consistency; editorial art, stars, orbital linework and pop-colour strokes provide personality.

UX COMPARISON

Same product goal. Different onboarding philosophy.

The comparison below focuses on interaction structure rather than visual polish alone.

DESIGN DIMENSIONPREVIOUSREDESIGNED
Entry pointIdentity & account fieldsProduct-world preview
Information densitySeveral fields per screenOne primary decision per step
Value communicationMostly implicitSearch, network, collaboration, contracts
Brand experienceGeneric form treatmentArt-directed, creator-specific experience
PersonalisationSkills and interests grouped lateSkills, location, category and intent progressively
Mental model“Complete my profile”“Enter this creative community”
DESIGN DECISIONThe redesign accepts more screens in exchange for less cognitive load per screen and a stronger reason to continue.

Interaction Design

The flow makes progress feel lighter than the amount of information collected.

01

Progress stays visible

The dot indicator keeps orientation without turning the flow into a numbered checklist.

02

One dominant action

Each screen ends with one obvious next step; secondary choices stay visually quiet.

Send OTP
03

Selections feel tangible

Skills, categories and intent use chips/cards/radio states so completion is visible at the point of action.

Woman
Man
04

Brand carries through forms

Illustration and dark visual direction remain present even when the flow becomes utilitarian.

Onboarding became the first expression of the community - not just the gateway into it.

The redesign introduces Sekeron’s value and creative tone before progressively asking users to build the profile that makes participation useful.

Bring me the version that is still unclear.

The half-formed idea, tangled user journey or product that works but still doesn’t feel resolved