This week, we're exploring Me.bot, which captures various media like links, recordings, and images, and allows you to request actions such as "inspire me on recent notes" or "save pictures, get insights." It was the #1 product of the day and currently ranks #2 for the month with over 1600 votes.

Home Page

Here’s their home page structure:

1. Navigation

2. Hero

   1. Tagline and CTA

   2. Product Visuals

3. Social Proof #1

4. Feature Summary

5. Feature Details

6. Social Proof #2

7. End of Page CTA

Navigation & Hero

The navigation bar is super simple, made up of a sign-up/sign-in entry point only.

Tagline and CTA

On first look, I didn’t understand what the product does. To me, the ideas here are not very concrete to me.

What is a companion? How does it inspire me? What kind of limit is broken?

Lots of questions. Maybe this is a good strategy to get people keep reading? I’m curious to know how many people continue to scroll down the page.

I understand why they made this decision - they want to highlight their product vision. I think they can do this so with some concrete details about how the product works.

To me, something like this works better for myself personally:

Capture, Connect, Create: Your Memory Hub.
Transform your notes into insights and inspirations with smart connections.

I think the Product Hunt badge is a good placement because it’s next to a CTA, so you can show social proof.

Product Visuals

The product visuals is in the form of a YouTube video which is 2:10 long. The video is very well made - some great AI generated assets used throughout, but it may be a bit too long, for me personally. It also deviates from the thumbnail here quite a bit. I was expecting to see what the product looks like, but I don’t see that until 37 seconds in.

For someone like me who is already confused about what the product does and whether if it’s worth my time to explore further, this are more hurdles for me to get over.

Don’t get me wrong, the product is absolutely amazing once you get to use it, but until then, you need to make your product easy for readers to understand.

Social Proof #1

Not counting the Product Hunt badge above, this is the first social proof. These are very powerful names and rankings. It would be great if these logos are linked to articles from these names.

Feature Summary

Ah, they explained the part of their tagline - Companion - here as “adapt[ing] to you”. This is also how they believe they are differentiated, which is such a great section because the number of AI tools out there today.

Though, I’m curious to know how does the product advise me “the best and fittest whenever needed”. These are great claims, but people like me want to know the “how”.

I also think there is a better icon option for “Personal Model”. I can’t relate a “globe” to “Personal Model”. Maybe something like the one below? It’s certainly not perfect, but I think the icon should relate to the story you are telling.

Feature Details

I really love their feature details section. Features are animated with real product visuals. They explain what each product does with a title and a short one-sentence description.

This format has its shortcomings, for example, the feature will auto-play, even while the user hovers over the section. This helps some users discover more features, but may be moving too fast for others.

I love how these animations vary in style, and help showcase different ways values are created for the user.

I really like how they have a very detailed section on privacy - as any “second brain” should do. Though there are some jargons, they explained very well the end result achieved with these security techs.

The little cartoonish characters used here is better than their icons - I wonder why they didn’t use these in Feature Summary section above.

Social Proof #2

Of course, the page ends with more detailed social proof. This is very common: brands and logos are shown first to give a quick and punchy social proof, then comes the more detailed personal testimonials. In this case, testimonials around the world.

The profile pictures really help establish trust. These testimonials address different use cases too such as “organize my feelings”, “easily find [different types of media and notes]”, ““personal assistant”, “listen correctly, take inputs perfectly”.

I wonder if they should highlight (bold and/or different styling) some of these use cases, so it’s easier for visitors to read.

Onboarding

Account Creation

One thing I noticed is that their web app account creation page is not optimized for smaller screens (1270px to 750px). For example, the tagline gets cut off and covered up by the sign up section.

I also noticed minor things like the word “Sign in” is not accurate here on the sign up page. All minor points though.

The tagline used here is much more concrete than their main tagline in Hero, for me personally. I would test these taglines out and see which ones gets people to convert and scroll.

One thing I noticed is the email sign up flow (not social sign-in) doesn’t log the user into the interface right after email verification which can be optimized. Though, I assume most users will use social sign-in.

Onboarding

The onboarding flow is not optimized for smaller screens either, for example, the word “onboarding” and the main tagline gets cut off on smaller screens.

Interestingly, they give the user the option to skip onboarding. It’s an interesting idea, because obviously some users prefer exploring the product rather than learning first. There are times though, it could be better to force user through a short onboarding.

You will see the following confirmation screen if you decide to skip the onboarding.

Next, you are asked your name. In here, I think it would be more effective to show an AI chat interface that mirrors their product to showcase what using their product is like. The minor UX issue here is the prefilled name doesn’t look like a text input field. Again, minor problems.

Next, they talk about their privacy first approach. I’m always curious about if these work well - selling the user once again on the benefit of the product. I assume this is to help with activating the user to upload their first piece of content, specifically personal ones.

The user finally sees the product home page. This is the exact same page you will see if you skipped onboarding.

The onboarding doesn’t stop here though. If you look closely, they ask you to share 3 memories.

I think a missed opportunity here is to add a “Share Memory” CTA right under this progress bar, so it’s easier for your user to get started.

After I added my last 3 posts from this newsletter, I was shown the “serendipity” section. I assume this was what will inspire me and be the “aha” moment for me. This is what differentiate the product.

However, I was a little confused because the serendipity wasn’t relevant to what I saved. I think in this case, it’s better to show something relevant but not as powerful or unique, than something that’s irrelevant.

Key learnings:

1. For people like me, tagline needs to be concrete and clear enough to convince me to keep reading further. Do not just talk about benefits - talk about what the product really is.

2. Videos a great, but there should be a balance between the quality of the materials on your homepage and how easy it is to consume. If your hook (tagline) is not strong enough, then your video may not get played.

3. Use animations, but it’s worth experiment without it.

4. Some layouts like tabs can help save real estate, but it is possible for users to gloss over them. Auto-played tabs can be a good solution, though it does come with shortcomings too like user didn’t finish reading it yet. Consider introducing pause on hover.