Hacktoberfest 2026:维护者为十月标记出来的 issue,仍然开放、适合新手。 浏览 Hacktoberfest issue

Gitcoin Quests Landing Page Refresh

未关闭
#403 1 条评论 1 个 reaction 已指派 0 人 在 GitHub 查看

还没有人认领这个 Issue。

评估

难度
5/5
预计耗时
一周以上
新手友好度
25/100
Issue 类型
功能
描述清晰度
基本清楚
活跃度
停滞
技术栈
figma, html
领域
design, frontend

调研方向

首先查看 https://gitcoin.co/quests 上当前的 Quests 页面以及 Figma 中的 Gitcoin Design System。在 Figma 中定义落地页的故事、响应式线框图、CTA、排行榜位置、交互和动画插图。提供所要求的线框图、可点击的原型(如可能)、开发规格、响应式视图以及符合品牌定位的视觉方向,即视为完成。

由索引模型根据 Issue 内容生成。

描述

Job Story

When I'm considering participating in Gitcoin Quests, I want to easily understand what Quests are about and how I can learn about web3, so that I know how to complete or create quests on Gitcoin.

Why Is this Needed

The Gitcoin Quests page doesn't reflect the new brand and the information architecture needs an update to make the page clear for potential learners to easily navigate and understand.

Description

Create a Quests page that shows the most important information to convey to meet the Jobs to Be Done to enable users of Gitcoin to learn about web3 or blockchain.

Please see the Quest core jobs under the Learn page

Assumptions
  • Visitors are interested and excited to get started learning through Quests.
  • A quest creator is excited about creating a Quest and wants to understand where to begin and how.
  • No major technical/architecture changes to Quests themselves, the scope is for the landing page ux/ui work.
Current Behavior

https://gitcoin.co/quests

Expected Behavior

A new Quests landing page that conveys a compelling story about why Quests with improved Ux/Ui/Interaction designed to meet our goals of increasing participation and creation.

Definition of Done
  • Provide an approach to telling the above story
  • Create a wireframe of your new Quest proposal
  • Please retain the Quests leaderboard
  • Consider animated interactions for emotion
  • Create an on brand following our design system
  • Design for both responsive and web views
  • Propose CTAs to drive to our core businesses actions of participating or creating quests, where relevant
Deliverable
  • Wireframe
  • Designs created in Figma, clickable prototype would be great
  • Development specs defined in Figma
  • Responsive views defined in Figma
  • Animated SVGs and illustrations
Success Indicators
  • We receive community feedback that the Quests page is very clear, looks great, and easy to digest.
  • Potential Quest participants are excited and encouraged to play Quests and Create Quests
Additional Information

Please use Gitcoin Design System styles

主要语言
HTML
星标
188
派生
178
PR 合并指标
30 天内没有已合并 PR

环境准备

这个项目没有提供开发容器、Dockerfile 或贡献指南,环境需要你自己搭建:先看它的 README,通用步骤见我们的新手贡献指南。

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

gitcoinco/creative 的其他 Issue

查看 gitcoinco/creative 的全部 Issue

相似的 Issue

更多 Design Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。