CSIA Foundation

A website that makes a Web3 security group look serious and trusted.

Client: CSIA Foundation
Sector: Web3 security and standards
Deliverables: Desktop pages, dropdown menus, styles
Screens: 12 desktop frames at 1440 px

Overview

A Web3 group that looks trustworthy.

CSIA Foundation sets security standards for Web3. Its site covers membership, a resource library, the mission, the $DVT token and the fight against black and grey markets.

I designed the desktop site: home, three dropdown menus, Mission & Vision, $DVT Token, Combating The Black & Grey Market, and the Blog, White Papers, Webinar & Podcast, Events and Forums pages.

The challenge

Serious content, and a name to protect.

01Membership, resources and articles fight for the first click.
02The library has five content types and nine industries.
03Long policy pages must stay easy to read.

The approach

Editorial look, clear menus, one rhythm.

01Thin serif capitals and dark photos feel calm and trusted.
02Dropdowns split resources by type and industry, two clicks from any page.
03Every page ends with the same testimonials, form and footer.

Structure

Four menus, one library.

The navigation, three dropdowns and page designs.

Home

MembershipJoin The AssociationCompany MembershipCorporate Membership
ResourcesBlogWhite PapersWebinars & PodcastsEventsForums
By industriesKYC & KYBLicensing & ComplianceID Cards & Access ControlMemorabiliaTicketingHealthcareManufacturingLuxury GoodsFine Art & Collectibles
AssociationMission & VisionOur Governance Protocol$DVT TokenCombating The Black & Grey Market
Editorial
AccountLoginApply

Key screen

The home page hero.

One statement, two membership paths, proof right below.

1
Knot mark and wordmark
The CSIA mark leads a slim, dark nav bar.
2
Four menus
Membership, Resources, Association, Editorial, plus Login and Apply.
3
One statement
Reputation Is Everything, in Antic Didone capitals.
4
Two membership paths
Core Membership and Enterprise Membership as pill buttons.
5
Hero slider
Dots show there are several slides.
6
Trusted by 45M+ Members
A row of member logos under the hero.

Key screen

The resources menu.

The biggest menu, listing every resource in two ways.

1
Browse everything
A link to all CSIA resources, above a blue line.
2
By type
Blog, White Papers, Webinars & Podcasts, Events, Forums.
3
By industries
Nine industries, from KYC & KYB to Fine Art & Collectibles.
4
Underlined links
Easy to scan on the dark panel.

Page flow

The home page, top to bottom.

Dark and light bands take turns.

1
Hero
Reputation Is Everything, with two membership buttons.
2
Trusted by 45M+ Members
Five member logos in one row.
3
About Us, Membership, Editorial
Three photo cards with a blue caption.
4
Membership Benefits
A photo, a short list, a Learn More button.
5
Membership Types
Company and Corporate plans side by side.
6
Resources By Category
Six categories with icons, in two columns.
7
Unlock the Power of Web3 Today!
A blue banner with one Get Started button.
8
Here's What Our Members Have To Say
A testimonial slider on a dark band.
9
Stay In The Know
A contact form with two checkboxes.
10
Footer
Newsletter signup, links and social icons.