Design: sample design for LandVer

fishonamos commented 5 days ago

Based on the LandVer PRD below, come up with a design. The design should follow the product specs. However, ideas are welcome.

Definition of Done:

The design is uploaded to the docs folder. We need 2 -3 person for this issue. Each of them will raise a pull request with their contributions.

Landver PRD: https://1drv.ms/w/s!AmeCDn34kEonjHtQ_W7BqO-NkTiK

Note: Only applications through the OnlyDust platform will be considered.

CollinsC1O commented 4 days ago

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

Hello can I work on this

NueloSE commented 4 days ago

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

I am a frontend developer with experience in React and typescript for type safety

How I plan on tackling this issue

I have gone through the design specification and i like to be part of the persons assigned this task ETA <= 78hrs

kindly assign

JoelVR17 commented 4 days ago

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

Design: sample design for LandVer

Hello LandVer team,

I am Joel Vargas, and I'm a member of Dojo Coding. I also come from OnlyDust.

I would like to request the assignment of this issue. Below is my proposed approach for implementing this issue:

How I plan on tackling this issue

Proposal for Design Contribution Based on LandVer PRD

Objective

The goal of this issue is to create a comprehensive design that aligns with the specifications outlined in the LandVer Product Requirements Document (PRD). The design should not only meet the outlined requirements but also include innovative ideas that enhance the user experience.

Design Approach

Review the LandVer PRD:
- Thoroughly analyze the provided PRD to understand the key functionalities, user personas, and overall objectives of the LandVer project.
- Identify the core components and user flows that require design input.
Create Wireframes:
- Develop low-fidelity wireframes for the main pages and components outlined in the PRD, including:
  - Homepage: Highlight key features and user calls to action.
  - Dashboard: Display critical information at a glance, including user stats and quick access links.
  - Feature Pages: Design layouts for each feature, ensuring clarity and ease of navigation.
- Wireframes should focus on layout, structure, and user flow without getting into detailed visual design at this stage.
Visual Design Mockups:
- Based on the wireframes, create high-fidelity mockups incorporating branding elements (color schemes, typography, and imagery) that align with the LandVer identity.
- Mockups should include:
  - Color Palette: Establish a cohesive color scheme that reflects the brand's personality.
  - Typography: Choose fonts that enhance readability and reflect the brand's tone.
  - Icons and Imagery: Utilize appropriate icons and images to support the content and enhance user interaction.
Design Components:
- Identify reusable components such as buttons, input fields, and cards to maintain consistency throughout the application.
- Create a design system that includes:
  - Component specifications (size, color, states).
  - Accessibility considerations (color contrast, text size).
User Feedback and Iteration:
- Share initial designs with team members and gather feedback.
- Iterate on the designs based on feedback to refine usability and aesthetics.

Definition of Done

The completed design should include:
- Wireframes for key pages and components.
- High-fidelity mockups that align with the PRD and brand identity.
- A design system with specifications for reusable components.
All designs will be uploaded to the designated docs folder for review.
Each contributor will raise a pull request with their unique design contributions.

Team Collaboration

Recruit 2-3 team members to collaborate on this design issue.
Each member will focus on different aspects (e.g., wireframes, visual design, user interactions) to ensure a diverse range of ideas and contributions.

Next Steps

Review the LandVer PRD as a team.
Assign roles and responsibilities among the contributors.
Start the design process, ensuring alignment with the product specifications while allowing for creative ideas to enhance the user experience.

martinvibes commented 4 days ago

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

hello @ i'm an experienced frontend developer and a blockchain developer i would love to work on this issue Pleasee kindly assign :)

0xdevcollins commented 4 days ago

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

Hi, I'm Collins a frontend and blockchain developer, and an active contributor on OnlyDust. You can check out my profile here: https://app.onlydust.com/u/0xdevcollins. This is my first time contributing to this repository, and I’m excited about the opportunity to contribute. Looking forward to collaborating!

How I plan on tackling this issue

I’ll carefully analyze the document to understand the product’s specs, user needs, and the system architecture. I’ll design the visual components like buttons, forms, and layouts, ensuring consistency with the brand guidelines

Benjtalkshow commented 4 days ago

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

I am a Full Stack Developer specializing in Next.js, TypeScript, Node.js, Cairo and Rust . With over 31 contributions across projects in the OnlyDust ecosystem, I’ve developed strong proficiency in delivering high-quality solutions and resolving complex issues within tight deadlines. My experience spans frontend, backend, smart contracts, and the optimization and maintenance of scalable codebases.

How I plan on tackling this issue

I will create a sample design for LandVer based on the specifications outlined in the LandVer PRD. This design will adhere to the product requirements while incorporating innovative ideas where possible. Once the design is finalized, I will upload it to the docs folder.

Calebux commented 4 days ago

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

I Have a strong background in UX design

How I plan on tackling this issue

Design the landing page according to project vision and brand guidelines. ETA 2days

od-hunter commented 4 days ago

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

Hi, please can I be assigned this please? This would be my first time contributing to this project and I would love to be the given the opportunity to contribute. I'm a blockchain developer and also an experience ui/ux designer.

How I plan on tackling this issue

I'll come up with a wonderful design based on the LandVer PRD. I did this

MildPXL commented 4 days ago

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

I am part of the SuperteamNG community and I am excited to bring my design skills to the LandVer Blockchain-based Land Registry System project! Recently, I participated in a Web3 hackathon with my team, where we were proud to be finalists, showcasing our innovative approach to blockchain solutions.

I am proficient in design tools such as Figma and Adobe Creative Suite, which I use to create user-friendly and visually appealing interfaces. These tools have been instrumental in my design process, allowing me to effectively communicate ideas and bring concepts to life.

Additionally, I completed the HNGx internship, where I collaborated with a team of talented designers and ranked in the top 4, further honing my design skills and teamwork abilities.

I’m also new to open-source contribution, and I’m eager to learn and grow in this space. I believe my background in design, combined with my passion for web3, will enable me to make a valuable contribution to the LandVer team.

You can view my recent Web3 designs here https://www.figma.com/design/caERQtlkFkQvneSw1HC7yX/Untitled?node-id=0-1&node-type=canvas&t=D6At2n3xY0rVaZWv-0

How I plan on tackling this issue

To approach the design problem, my process would be as follows:

Understanding LandVer Goals -Objective: Deliver a decentralized land registry system that facilitates seamless user interactions for land registration, verification, and transfer.
- Target Users i. Landowners: Individuals looking to register, manage, and transfer their land. ii. Inspectors: Those verifying and approving land registrations iii. Admins: Users managing the system to ensure smooth operations.
- Business Goals: Ensure the system is intuitive, secure and responsive.
Task Breakdown
- To begin, I will examine and analyze the provided flowchart to visualize the user journey and identify key interaction points. This will lead to the creation of a User Journey Map, detailing how different users (landowners, inspectors, and buyers) will engage with the system at each stage.
- Actionable Design Tasks: Each step in the flowchart will be broken down into specific design tasks. This includes identifying the primary actions required for land registration, verification, and transfer, allowing me to design targeted interfaces for each step.
- Creating a Style Guide and Moodboard: Before moving to wireframes, I will establish a style guide and moodboard to define the overall visual direction of the project. This will include:
  - Colors: A palette that aligns with the brand identity of LandVer.
  - Typography: Fonts that enhance readability and is modern.
  - Icons: Visual elements that aid in navigation and user understanding.
  - Design Inspiration: Examples from other blockchain or registry platforms to inform the design choices.
Wireframing and Low-Fidelity Designs
- With the tasks clearly defined, I will begin wireframing each component of the system. The focus here will be on layout and functionality, emphasizing:
  - Ease of Navigation: Ensuring users can effortlessly find their way through the system.
  - Clarity of Actions: Clearly communicating what users can do at each stage.
  - Information Display: Effectively presenting necessary information without overwhelming users.
Creating Interaction and Feedback Loops
- Feedback mechanisms will be crucial in guiding users throughout their journey. At each stage, I will ensure the design provides clear confirmations and updates. For instance, after submitting a land registration, users should receive a notification: Land submitted for approval—pending inspector review. This enhances user trust and satisfaction.
Hi-Fi, Prototyping and Testing
- After wireframing, I will develop high-fidelity design and prototype. These prototypes will simulate user interactions, allowing for comprehensive usability testing. This step will involve gathering feedback from users to refine the design further, ensuring it meets their needs effectively.

Next thing would be working with 2 other contributors, deliverables will include:
1. Style Guide and Moodboard: A visual reference that captures the brand identity.
2. Wireframes and Low-Fidelity Designs: Initial layouts focusing on user flow and functionality.
3. High-Fidelity Prototypes: Interactive models simulating the final user experience.

suhas-sensei commented 4 days ago

I am applying to this issue via OnlyDust platform.

My background and how it can be leveraged

i have proper frontend experience, and looking forward to contribute to this repo

How I plan on tackling this issue

i would follow exactly what is mentioned and give you apt results.

NoshonNetworks / landver