UI/UX Design: Investor Offering Detail Page with Revenue Projections, Risk Disclosures, and Investment Call-to-Action

[thlpkee20-wq]

Description
Design the investor-facing detail page for a single offering, enabling informed investment decisions.

Requirements and context

• This task is for UI/UX designers only; no frontend engineering work should happen under this issue.
• The page should present: summary of terms, projected and historical revenue, risk profile, token/asset info, and legal disclosures.
• Must highlight the primary call-to-action (e.g., "Invest now") while ensuring users understand risks before proceeding.
• Should include charts or visualizations of historical revenue and payout history if available.
• Needs a clear section structure: Overview, Performance, Documents, FAQs, Risk & Legal.

Suggested execution

• Create hero layout with key metrics and main CTA for investment.
• Design data visualization components (line/area charts, bar charts) for revenue and distributions, with annotations.
• Include areas for downloadable documents (PDF terms, whitepaper) and highlight important items.
• Provide mobile-first designs ensuring that key decisions and disclosures are still clear on small screens.
• Annotate states for unavailable data (e.g., new offering, no history yet) and how they are communicated.

Test and commit

• Ensure detail page supports informed decision-making and that risk disclosures are prominent.
• Validate that investment CTA is clear but that users are guided through understanding terms first.
• Include design notes on how to handle offerings with limited or no historical data.

Example commit message
docs(design): design investor offering detail page with risk disclosures

Guidelines

• Complete detail page with all sections designed
• Data visualization and document areas included
• Timeframe: 96 hours

[drips-wave]

This issue has been added to the Stellar Wave Program and is worth 200 Points.

🧑‍💻 Interested in contributing? Apply to work on this issue on Drips Wave, earn points, and receive rewards.

Warning

Only applications submitted via the apply link above will be considered. Please do not apply by commenting on the issue or opening a PR directly.

🤠 Repo maintainers: You can manage this issue's Points and Complexity on your Maintainer Dashboard here. Please keep an eye on applications and respond quickly 💙

ℹ️ Learn more about Drips Wave

[Arome8240]

@Arome8240 has applied to work on this issue as part of the Stellar Wave Program's 2nd wave.

Hello, I'm a smart contract and full stack developer, open for contributions. contributed to over 20 project on OnlyDust and Drips , with expertise in Solidity, Cairo, JavaScript, TypeScript, and RUST. I am passionate about building secure and scalable blockchain solutions, and I would love the opportunity to contribute my skills toward solving this issue

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Arome8240 to this issue.

[Fahmedo]

@Fahmedo has applied to work on this issue as part of the Stellar Wave Program's 2nd wave.

Hello there i would love to take up this issue, haven't had previous experience helping on issues across different open-source

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Fahmedo to this issue.

[Adacancode]

@Adacancode has applied to work on this issue as part of the Stellar Wave Program's 2nd wave.

Hi, I would like to apply to this issue. I’m a full-stack smart contract and backend engineer with experience building and integrating production systems across web2 and web3. I work with NestJS, Node.js, TypeScript, and SQL/NoSQL databases to design clean, scalable APIs, and I’ve also built and integrated smart contracts, including working with Soroban on Stellar to manage contract state, construct transactions, and connect on-chain logic with backend services. I’m comfortable navigating existing codebases, following established project patterns, and contributing well-documented, testable changes that are easy to review and maintain in an open source environment.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Adacancode to this issue.

[Osuochasam]

@Osuochasam has applied to work on this issue as part of the Stellar Wave Program's 2nd wave.

Dear maintainer, Assign me this issue an i will resolve it

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Osuochasam to this issue.

[caxtonacollins]

@thlpkee20-wq
Hi 👋 am a full-stack developer
I will love to work on this issue please assign
ETA 24hrs

[Austinaminu2]

Gm maintainer,

I’d like to work on this issue.

I have experience designing data-heavy product dashboards and fintech interfaces. I will design the investor-facing offering detail page with clear sections for Overview, Performance, Documents, FAQs, and Risk & Legal, ensuring key metrics and the Invest Now CTA are prominent while keeping risk disclosures highly visible.

The design will include charts for historical revenue and payout trends, areas for downloadable documents, and mobile-first layouts. I will also annotate states for offerings with limited or no historical data and provide design notes for implementation.

ETA: within 96 hours.

Please assign this issue to me.