Landing Page

[luciewho]

Trying out new background color and new sections on the landing page like product pitch, constellation graphic, getting started steps

Landing Page Wireframe.pdf

[Shoalsteed]

Change Learn more to And More

[Shoalsteed]

love this graphic - going to find more of this style now for use in describing the network ( gentle intro)

[luciewho]

Seeing how the mobile version might look

Landing Page Mobile.pdf

[luciewho]

I initially made the wireframe with a width of around 1400px and this one is at 1920px to show it at a wider screen.

I replaced the "Welcome to the Invisible Internet" copy to "The Invisible Internet Project" There are two titles on the current landing page and it's a little confusing and redundant.

Screenshots for Email, Torrent, Create. Thoughts on this? Are there too many dark-colored elements with the banner and circular constellation image as well as the dark screenshots?

Added Itoopie in the footer :)

Landing Page 1920px.pdf

[Shoalsteed]

I love the toopie in the footer!

this section is solid

The Welcome being removed : fine with that! The screenshots might look nicer on the blue banner? the section with them and the space circle looks kind of empty.

This bottom portion needs to have some thoughts. I am not sure if we want to have things like release notes, or news badges here, or maybe a CTA for getting involved?

[luciewho]

3 versions. Removed this section (below) to make room for Get Involved and News & Updates. We could incorporate it back in in another version, but I currently could not make it work it in while also looking good/read-able/not overwhelming.

"Privacy & decentralization by design Protocols that protect A network that is community run Endless opportunities Open source A truly free Internet alternative"

Landing Page 1920px.pdf

[Shoalsteed]

yeah, this is tough

Do we need the big section at the bottom with the getting started icons? Is it redundant since we make people click a button in the banner to find that out to star with?

this could be a green download button instead?

IF the getting started icon section was taken out, there is opportunity to move info into that spot.

[Shoalsteed]

other info options could be news/blog, a get involved card, I2P for application developers I2P for network builders

we could stil use that Privacy & decentralization by design Protocols that protect A network that is community run Endless opportunities Open source A truly free Internet alternative" and the space icon as well

[Shoalsteed]

https://www.parity.io/ what do you think of this ?

[luciewho]

Trying out a blog section at the bottom. Need to remove the News & Updates that is in text form, but not sure what to put in place of it.

What are you envisioning for "I2P for application developers" and "I2P for network builders" ?

Landing Page 1920px.pdf

[Shoalsteed]

I LOVE THIS SECTION

[Shoalsteed]

Maybe change copy to I2P Developers resources for application layer and router? Need to think where the buttons would link too

[Shoalsteed]

do we need a button here?

[Shoalsteed]

thinking about this section - not sure about the middle part yet. I think that it could work ( the get involved section ) as its own banner like the dev section.

[Shoalsteed]

I love this, but for new releases will we keep the same screenshots? Just wondering how this would be from maintenance perspective. It would work specifically for releases , but that is coupled with the blog, so I love the way it looks, but I am not sure about the function.

Or if its possible, have the blog feed on the left, and a terminal graphic sticky highlighting the newest release notes and just make this its own section.

[luciewho]

do we need a button here?

What kind of button? Something other than "Contribute" ? Maybe a donate button? Also need to think about what page it would lead to.

[luciewho]

I love this, but for new releases will we keep the same screenshots? Just wondering how this would be from maintenance perspective. It would work specifically for releases , but that is coupled with the blog, so I love the way it looks, but I am not sure about the function.

Or if its possible, have the blog feed on the left, and a terminal graphic sticky highlighting the newest release notes and just make this its own section.

Totally. I was not sure about what graphics would be there. I agree that it might be too high maintenance to insert a graphic every time. Will keep working on this section.

[luciewho]

Maybe change copy to I2P Developers resources for application layer and router? Need to think where the buttons would link too

I'm not sure what would be the best page for "Dev Support" button - maybe Developer Resources from the Support page? (below) But I think the Docs button is straightforward and could go to the Documentation page.

[luciewho]

Reinserted Getting Started section to fill out the space

Landing Page 1920px.pdf

[Shoalsteed]

I think that this is the last part to figure out =)

[Shoalsteed]

working on some ideas with different elements ( I made the elements just kind of plain colours, they can be changed to anything if we like them)

[luciewho]

New versions

Landing Page 1920px.pdf

[luciewho]

I came across this which is a nice illustrated version of an app. Thought I'd play around with creating something similar for I2P.

A crude version of I2P router console on the landing page:

Landing Page 1920px.pdf

[Shoalsteed]

this is so great!

[luciewho]

Needs new copy and images. (I haven't changed the color of banners yet).

Landing Page v7.pdf

[Shoalsteed]

I2P Software Your connection to the I2P network

Join a global, distributed private network! Download the I2P software and get connected. Find out how it works.

The software includes email, bittortent, and easy access to content exclusive to the I2P network.

Get Involved Want to support the I2P network? Here are a few ways that you can get involved.

Reseed Operators are vital to the growth of the I2P network. Privacy is for everyone! Help translate the I2P software and documentation I2P is Free software and community supported. Please donate to support its future.

I2P Developers Create your own privacy aware applications or support ongoing development.

Documentation for I2P Application Developers Documentation and Roadmap for new Developers

I2P Network Learn more about I2P’s privacy protecting protocols and network infrastructure.

I2P Technical Documentation Support, Metrics and Documentation for Academic researchers

[luciewho]

Installation v7.pdf

[Shoalsteed]

this looks great Lucie!

[luciewho]

This isn't the landing page per se but one of the links that it directs to.

I built out the design of the Calendar of Events page.

I have a comment that says: "Should it be static (Tuesdays) or be specific to each day? Can there be a static “join meeting” link or will it get changed regularly?"

[luciewho]

I took a stab at rewording some of the copy for the call-to-action-y sentences in each category.

I highlighted in red the areas that need more work/revision because some of them I made up and I feel like they sound weird.

I was playing around with gradients for the colors but the colors themselves are not set. Maybe we can find some gradients that look good, maybe more subtle ones.

Also, there is a graphic version of the I2P router console in the first category. Thoughts? I think it's ...ok.

[luciewho]

On this card, where does the academic research link direct to?

Because currently the research section is on the bottom of the technical docs page right now like this. Is it just going to link to the tech docs? (That makes 3 sentences on the cards link to the same page, tech docs):

[Shoalsteed]

This isn't the landing page per se but one of the links that it directs to.

I built out the design of the Calendar of Events page.

I have a comment that says: "Should it be static (Tuesdays) or be specific to each day? Can there be a static “join meeting” link or will it get changed regularly?"

the meetings are always held in the same place - irc. I think just having the coordinates would be good. For design meetings, that would be on my Discord server, which is not public and invite only to avoid spam and trolls.

[Shoalsteed]

I live where the drawing of the console is going! I think that adding the icons rather than using a screenshot would look better.

as for the gradient - I feel that these look dated.

using these colours might be the way to go?

[Shoalsteed]

the academic research should link to an index page I think.

[Shoalsteed]

I2P Software Your Connection To The I2P Network

Join a global, distributed network. Learn more about the Invisible Internet, and how to join thousands of others participating in an internet alternative!

Links too:

• Intro ( about I2P)
• applications
• getting started

[Shoalsteed]

The Invisible Internet (I2P Network)

Find out more about the network architecture and design. See the index of Technical Information.

Academic Researchers can access resources for Metrics, Documentation and open research questions in the Research Index.

Links: Research - link to tech docs page or its own index with cards? link that takes you just to that section?

[Shoalsteed]

I2P Developers Create your own I2P applications or contribute to ongoing I2P core development.

Documentation for Application Developers

Getting started documentation for I2P router development.

Development Roadmap

[Shoalsteed]

Get Involved How to support the I2P network

Help new people join the network. Become a Reseed Operator.

I2P is for everyone. Help translate the software and documentation.

Support a free and private online future. I2P is community supported. Donate today.

Links:

• reseed https://geti2p.net/en/docs/reseed
• translator guides https://geti2p.net/en/get-involved/guides/new-translators
• donate page https://geti2p.net/en/get-involved/donate

[luciewho]

Latest landing page design (focusing on colors)

Landing Page v7.pdf

[luciewho]

Landing Page v8.pdf

[Shoalsteed]

assets (4).zip

arrows = contribute. 2 options: one in purples, one in orange the irc one could be used for meetings? the round one is for tech docs/ research card

[luciewho]

Final version of the landing page (tentative - subject to change) but pretty much final for now!

Landing Page Tentative Final.pdf Landing Page Images.zip