distrikt.app
distrikt: A new era for Decentralized Social Media
distrikt emerged from a challenge given by the Dfinity Foundation to evolve their open-source project, LinkedUp, a LinkedIn-like platform entirely built on blockchain.
Company
distrikt.app
My Role
Head of Product Design
3D Artist
Industry
Blockchain, B2C, Web App, Mobile App, Social Media Platform
Live Link
distrikt.io
distrikt.app
Discovery: Uncovering Opportunities
In the discovery process, our mission was to understand the community and address their concerns with existing mainstream social media channels. To do so, I began with a quantitative survey, gathering 500 valuable responses.
My Design Journey with distrikt.app
With a solid industry understanding and a clear vision, my task was to dig deeper into the pain points of social media environments. Our goal was to articulate these issues and develop an MVP to facilitate further learning and planning.
Navigating Ambition: Our Roadmap
Armed with insights from surveys and interviews, we constructed an information architecture diagram, accounting for technical constraints and timelines, always with an eye on community feedback.
Wireframes and Creative Ideation
Once we agreed on the overall information architecture, wireframes and flows took center stage. Given the complexity of the platform, we categorized screens and wireframes into sections such as Log In, Profile, Feed, Articles, and Explore.
Bridging Platforms: Web and Mobile Design
As a goal, we committed to concurrent development of the desktop and mobile apps. Although minor delays could occur, our aim was synchronization. With separate engineering teams for each platform, I designed and built a component-based, modular, and scalable design approach to ensure long-term sustainability.
Crafting an Innovative Design and System
Throughout the active design and development phases of distrikt.app, we went through two iterations of Design Systems. Initially using Sketch, we transitioned to Figma for its collaborative capabilities. This shift led to the creation of a more tailored Design System, encompassing basic components (buttons, input fields, icons) and complex ones (reaction bars, profile cards, post cards) to enhance our development pace.
