Impact & Achievements
Decrypt in Numbers
Project Goals
Accesibility improvement: comply with AA & AAA WCAGS's standards
Improve website Navigation and content consumption
AI & Web3 Features Implementation
↑ Ad & Partnerships Revenue
↑ Time p/session
↑ Avg. page/session
Outcomes
Unique visitors increase: 3.6m to 4.4m
Pages p/session increase
NFT Courses certificates increase
30k GG Hub Membership passes
Ad Revenue increase due to New Layout
Valuable partnerships increase
Project Launch
Competitive Audit
Research focused around:
Homepage Structure (easiest access to desired content improves usability)
Articles styling and optimization (to achieve longer session per user and time on page)
Information architecture and Navigation and how we could improve ours.
Navigation Benchmarking
Audience
New Crypto Wallet login
This new feature presents three significant opportunities:
It serves to educate novice users on the functionalities and potential of crypto wallets.
It paves the way for a more immersive web3 experience for experienced crypto enthusiasts.
It aims to foster loyalty from two distinct user demographics.
Homepage
Transitioning from the previous left-sided menu approach, we considered implementing a three-column layout with a generous central space for main content.
This approach allowed us to allocate the main content to a central, larger column, while accommodating secondary content in smaller side columns.
First Drafts
User Settings & Newsletter Pages
AI News Explorer
The primary objective is to provide users with up-to-date news summaries while directing them to the original sources for further reading. By enhancing user retention, session duration, and domain authority through credible content linkage, this feature enhances the overall user experience.
Information Architecture and Navigation Structure
We prioritized essential and high-traffic elements in a top menu layout, while retaining a full menu accessible through a hamburger icon for comprehensive navigation. We kept a bottom menu on mobile that would be activated on scroll for easier access to some deemed-important sections.
Redesigned Articles Headers & Layouts for Improved UX
For each layout, we optimized minimum and maximum text column sizes, font size, line height, paragraph spacing, and contrast ratios to ensure readability across different screen sizes.
Revamped Accent and Background Colors
Instead, we chose a fresher tone that maintains a creative and innovative vibe while adding a touch of delicacy to the brand. Additionally, we transitioned from a gray background to a full white background and removed unnecessary background line guides to simplify the design.
Unified components Library and DS.
For an easier understanding with the frontend engineers we used tailwind naming conventions as a starting point.
Typography + Accesibility
We maintained a trio of fonts families that paired well: Akzindenz Grotesk, Canela, Meta Serif Pro.
Starting with articles base text font, we opted to replace the previous Garamond font with Meta Serif Pro. While Garamond is undoubtedly beautiful and elegant, its lower x-height and classic appearance, better suited for printed text, made it less ideal for our crypto-focused website. Meta Serif Pro performs better on smaller screens and offers a more modern look, aligning well with our use case.
Canela was still kept as section title and article title's font while Akzidenz is used as an overall versatile tool.
