Hey fellow Indiehackers,
I just finished my landing page for Cargoship - The easiest way to build AI into your software
Please roast it - make it hot π₯ (but please don't make me cry π π)
I have a background in web development and AI and I often see other web developers wanting to build cool AI feature into their apps/Saas but struggle with finding easy to use models and setting them up in an API.
Since many of you are also web developers and have awesome knowledge on how to build a great landing page, I would love to get your feedback on it π.
Thank you for taking the time to visit and review the site π€.
Hey @cargoshipsh
Here are some thoughts.
Overall, it's a nice landing page. Clear messaging. I understand straight away what this product is all about, so good job on that.
Copy issues (as I see them):
"The easiest way to integrate AI into your software"
How do you substantiate that your offering is "the easiest way"? Easiest in comparison to what? What metric/benchmark is this based on?
Words like "easy", "simple", etc are lazy words because they don't take much effort to write. They're filler.
If you reframe the headline, you can remove filler and also get straight to the benefit. Something like:
"Add AI to your software without any machine learning knowledge"
That lets me know right away what I get out of it.
Your subhead could then be something like:
"Choose from our pre-trained models, hit our API, and you're good to go."
Visual issues:
Your hero image looks like it's advertising Docker more than your offerings benefits. I would include your icons for each category just to offset that visual weight of Docker.
The cards under "Get started with..." don't need the hover scaling animation. As previously shared, they look like they should be clickable but they aren't. It's not needed.
Conversion Issues:
I went through the conversion process and it is too long. I nearly gave up. I have two recommendations:
Only ask for the email on the landing page. Then send an onboarding email as a follow up.
Put a step counter on it and let people know how many steps there are. Show progress indicators to help people know how much is left.
Accessibility Issues:
Your CTA button has insufficient contrast. The white text on the light blue background has a contrast ratio of 2.77. You should target 4.5:1.
https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum.html
Your dl element under "Smart Apps without the fuss" have invalid direct child <br> tags. This is minor but you should remove those and use CSS to add that space.
This is a good Chrome extension to help test for A11y - https://chrome.google.com/webstore/detail/axe-devtools-web-accessib/lhdoppojpmngadmnindnejefpokejbdd
Here are a few more extensions to help point out other issues:
https://chrome.google.com/webstore/detail/wcag-color-contrast-check/plnahcmalebffmaghcpcmpaciebdhgdf
https://chrome.google.com/webstore/detail/ibm-equal-access-accessib/lkcagbfjnkomcinoddgooolagloogehp
https://chrome.google.com/webstore/detail/headingsmap/flbjommegcjonpdmenkdiocclhjacmbi
^ This one shows that you have heading elements out of order. You have H3s in the body but then H2s after towards the bottom of the page.
Don't use headings just for size and display. You can use CSS for that. Headings should indicate true page hierarchy.
All that said, this is a strong landing page. You don't need to do much to optimize it. The biggest thing is the conversion process.
Good luck! This looks like a good offering.
Hey @dmontooth
Thanks for the detailed feedback π€ That's really great advice regarding copywriting and accessibility.
I'm going to go through the links you provided and make fixes to the page according to your suggestions πͺ.
The boxes at the bottom feel like they should be clickable, but they're not
Also, wow, nice to see you've gotten funding by the government for this project.
Though I'm not German myself, what was the process of getting government funding for something like this?
Also, the twitter link to your product does not work
Lastly, how do you plan to differentiate yourself from huggingface and replicate?
Thanks for your feedback π
I fixed the Twitter link and will also improve the model boxes.
We are lucky that there is currently an AI funding program in Northern Germany that supports startups and other companies that help the local economy. We do this by working with SMEs to help them implement AI systems (mainly NLP in German). The process to get this funding was very bureaucratic, but one year after the initial application we received the first financial support.
The main differentiator we see against platforms like huggingface is the focus on webdevelopers without prior machine-learning knowledge (and not ML engineers and data scientists). We want to make it as easy as possible to get started so we pre-select the best models for every common task and give setup instructions that doesn't involve machine learning tooling.
I see, Huggingface is quite technical.
However, Replicate does seem to do the same thing as you guys
The over the fold area is clear in regards what this product does. The white and blue fonts over the white and blue background is visually dull and not the most pleasant thing to read, either, because it's lacking contrast.
In the main OTF pitch, I find it odd why you bring up open source. As a potential user, I don't see why the model being open source would be interesting for me. I care how well your AI works and how much it will cost me. Not the technical details such as whether something you use is open source.
The main image seems a bit condescending and I don't see any value it gives, considering the key features of your AI are listed below anyway.
The landing page pitches your product in a way that I got interested. However, I find it anti climatic that the landing page is missing two critical pieces of information: How much and when? Also, you are asking me to join your beta testing program. What's in it for me? There should be an incentive for me to join to try an unfinished product, such as a promise for an early adapter pricing.
However, I do like the way you have implemented the check boxes. The entire text description area is clickable and that checks or unchecks the box. That's very good UX. I only wish those areas would use icons that have different colors than just blue. Now it's all blue and white, which gets rather dull quickly.
@jv16 thanks a lot for your detailed feedback π€ I will work more on the visuals and make them more appealing.
Giving an incentive to people joining the beta program is a great idea! πͺ
The "Open Source" message isn't only for the models I use in the background, the product I offer is open source. At least for self-hosting, I am also planning to offer a paid hosted offering π
Happy to, if you need a good roasting you can check out roastd.io π₯
Happy to, if you need a good roasting you can check out roastd.io π₯