Creation of new landing page

[landingpageguage]

I’ve adjusted the hero wording to what I believe better reflects Anki’s value proposition and purpose. Please feel free to drop your suggestions here and I’ll incorporate feedback into a pull request that focuses on the hero

[ittipat]

My feedbacks are

• “Download ‘Anki’” button is a bit excessive. It will impact more small screen users to occupy two lines for two buttons.
• If Learn more is an external link, it is more common to use diagonal arrow from my experience.

[landingpageguage]

I have the draft PR here: Hero Refactor by Toby-Rea · Pull Request #24 · ankitects/anki-landing-page · GitHub

I adjusted how we responsively resize the hero and I think it’s no longer an issue, looks fine on mobile:

I’ve personally seen mixed usages, e.g. microsoft studio website:

Webflow:

OpenAI:

I think as long as we can agree on a standard for external link formatting and keep it consistent, it shouldn’t be an issue

[landingpageguage]

I decided to revisit this area because implementing light mode requires an overhaul on icon usage. I have introduced symbolic icons for each system, which should improve on the situation:

[landingpageguage]

@David

We now typeset Anki as ANKI. I see people doing this online, is this an intentional rebrand?

I’ve only really done it this way because it just looked a bit odd in titlecase / lowercase.

@David

There is no download CTA when the page is scrolled, this should be visible at all times

@sorata

I think we should show a link for user support in the hamburger menu. Maybe link people to the forums directly or link them to the manual’s getting help page.

@sommerluk

The new landing page seems to have no link to ankiweb for online flashcard review?

These are now addressed in my navigation refactor: Navigation Redesign by Toby-Rea · Pull Request #20 · ankitects/anki-landing-page · GitHub

[ittipat]

Does anyone have any blockers? I believe not much will change until the first deployment. Hopefully within a week? https://apps2.ankiweb.net/

[Anon_0000]

Not really a blocker but I’d love to have the fdroid link for AnkiDroid in the downloads section as well.

[ferophila]

Remembering is easier with Anki

Anki adapts to your learning pace so you spend more time on challenging material and less on what you already know.

If I was new to Anki, I would miss a sentence what Anki actually is. (spaced-repetition software, flashcard software)

MacOS

macOS

[ittipat]

The site is now live! https://apps.ankiweb.net/

[Anon_0000]

A minor thing which was there before (in the menu): the link to the addons has been removed.

Maybe it could be added back in. As of now, newbies have no official link to the addons from the webpage.

Considering it’s one of the selling points, I think the link should be added back in:

[sorata]

Not necessary IMHO. The add-ons advertised only needs to be easily accessible within the app.

[glutanimate]

FWIW, add-ons not being linked to directly used to be the case on the classic LP as well, so it’s not a regression per se I think.

But personally I always favored us linking to both shared decks and add-ons more prominently on the LP: If someone is window-shopping for different flashcard apps, it’s probably not ideal if they can’t easily check out what’s out there in terms of existing user-contributed content.

We don’t want to overwhelm new users with too information either, of course, but as a new user I would argue that e.g. it’s a bit confusing that I can more easily find out how to share a deck than to download an existing one (although it’s definitely great and in the spirit of Anki for us to encourage people to contribute!)

In any case, congrats on the launch of the LP and thanks for all the work you’ve put into it!

[glutanimate]

Maybe one other (very superficial) piece of feedback, picking up one of David’s points earlier:

@David

We now typeset Anki as ANKI. I see people doing this online, is this an intentional rebrand?

I know you mentioned:

@landingpageguage

I’ve only really done it this way because it just looked a bit odd in titlecase / lowercase.

But the typesetting also stuck out to me immediately. I feel like branding-wise we probably don’t want to be too lax here, even if it’s slightly at the cost of the design.

[Shigeyuki]

Very nice! Is it possible to translate the pages? If so, I would like to translate it into my native language.

[Expertium]

Some feedback from Reddit

[Expertium]

Linking to studies would also be nice

[sorata]

I think these should be opened as issues in the gh repo.

another point: in testimonials, we should note down who the people are instead of where they made the testimonial. this is just like how books etc. do it.

[ittipat]

Very likely. Fluent is probably the best option here (same as the other Anki software).

[iAyyham]

I know this may be a low-priority request, but would it be possible to adjust the color and size of the scrollbar to better match the website’s theme?

Also, when I first visited the website, the horizontal rule (the <hr>) around the quotations in the Testimonials section was a bit confusing and made the layout feel unclear. Maybe adjusting its styling could improve readability?

[iAyyham]

@iAyyham

I know this may be a low-priority request, but would it be possible to adjust the color and size of the scrollbar to better match the website’s theme?

Also, when I first visited the website, the horizontal rule (the <hr>) around the quotations in the Testimonials section was a bit confusing and made the layout feel unclear. Maybe adjusting its styling could improve readability?

The scrollbar just needs 2 lines of code. I already made a pull request. (Ignore the first 2 commits).