Thoughts on the landing? Expense tracker for freelancers
Is the idea conveyed well? Is it too much text?
There're a few obvious things I'm missing that I haven't figured out how to solve, so thought I'd share asap to get a fresh perspective. Specifically:
— I realize hero is lacking a demo, but not sure what to show. Figma demo ok? The app works, but with lots of bugs atm.
— I wanted to throw a pre-launch offer, but not sure if the benefits look worth it of getting on the train early.
Thanks a bunch!
Trending on Indie Hackers
Hey Igor,
Here’s my review of your landing page.
Hero image/video
Far too distracting for me. I struggled to read the H1 because my attention was constantly taken away by the hero image. Also, the animation speed on some of the transitions are too fast, it feels very unnatural.
Title
I feel it could be reworded to be more powerful and clear. I think removing “help” is a good start. - 3vit separates your business expenses from your personal life. It’s more punchy.
Subtitle
“have everything ready when claiming tax deductions” doesn’t feel like the biggest pain point of your customers. I think it’ll help if you focus on the core benefits you’re offering, saving time therefore money.
Social proof
Adds quite a lot of text to the above the fold section. I would push this type of testimonial further down the page and put the logo of the company here, or the rating they’d give your application.
Your line on pronounication feels misplaced, it’s stick it under a FAQ section or somewhere further down the page.
CTA
You’ve lost all credibility with that button, I’ve clicked off the page thinking this is a scam! Definitely make smaller and design the tags (no credit card required) better or remove completely.
Section: Organise expenses save on taxes
I would place “save on taxes” in all capitals above “Organise expenses”. Save on taxes becomes like the benefit and you can use the headline Organise your expenses as the feature.
Same feedback as above with the video animations etc.
Section: For
Not a fan of this section, there isn’t enough animations happening to warrant it. You’ve just interrupted my flow of scrolling your website without adding any value. Animations aren’t required for a well designed website, I’d remove and focus on the copy first and add animations later.
Section: Cards after For
Probably needs a title so I know what section (feature or benefit) I’m looking at. Maybe “How 3Vit works”.
There is too much whitespace in the card design. I’d try and rework the design, either add some descriptive text in the whitespace or make align it in a column. Again, don’t really see the value in the scroll animations here, I think if you have them they have to be spot on. It needs quite a bit of work.
Pricing
Design needs a bit of work here. I’d get some inspiration from a few of your competitors and see how they’ve laid it out.
CTA for the Get lifetime $39 needs to be in a brighter colour. That’s the money button and you’ve made it look disabled! Defo needs to be one of your brighter colours!
Footer
The green and purple colour clashing is an eye sore, looks like the green is your primary colour so I’d make the footer the darkest purple you can, or choose a different colour altogether.
It's a design heavy review, happy to give it another bash to focus on the copy when you've made some changes!
All the best mate
Hey Ryan! Thanks so much for taking the time to review the site! I just updated it today, still a WIP from a previous, far more loaded version though. Already implementing the notes on the copy, appreciate it.
Do you mind clarifying though, which animations seemed too fast for you? Is it the one in the hero where the expenses get swiped left/right?
Regarding the social proof. I 100% agree here. That's the thing though, it's not a user's proof, but a bookkeeper that will interact with my potential user. And I don't have too many yet. So company logo or a star rating isn't applicable here yet. I'm still playing around with the layout, but agree it does feel a bit overwhelming so far. Do you think it should just be right below the fold?
What did you mean by the main CTA's credibility? Are you talking about the form being in a new tab? Protecting the UX, I would say that most of the time exposed form fields are better than hidden behind a click. I can't figure out how to do a custom submission form in Framer yet.
Some of the design may feel unusual—that's intended. Even though I'm possibly still figuring it out, I'm trying to make it feel different on purpose. The scale of the whitespace, as well as the shapes, are part of this trick.
A few examples of my inspiration:
Hey
Awesome! I'll give it another look when you've got the changes out later in the week.
Animations: When the personal expenses section pops up from the bottom, it's really fast and jarring, and then the following card animations swiping in.
Hmm, maybe get feedback from the user who references the bookkeeper? "I love using 3Vit. It saved me and my bookkeeper so much time when it comes to filing my tax returns". And yeah defo below the fold if it's going to be a wall of text. If you can get it smaller, like a rating/icons, it'll be okay to go above the fold.
Sorry wasn't clear - It's the CTA button "Join waitlist" It's massive and takes up the full screen.
Oo, that's very interesting re: your design choices being intentional. So, good job on achieving what you set out to. Your site feels very similar to the other sites you've listed.
But I have a couple of questions about why you've opted for it
While, Simon's review is great. I would like to add few words of mine.
a) don't use such words like "Temporary". Better use "Limited"
b) Website is edge to edge. Very little side paddings. Try to add at least 48px padding on each side.
c) I saw some color contrast issues on footer links.
d) On the header, the logomark isn't correct. Also remove that red color from "closed beta" tag
That's all from my side.
Keep it up, Igor.
Hey, thanks so much! Already made the changes (with a few big renovations, lol). Do you mind clarifying the last item regarding the logo? What do you mean by it being not correct?
Hey Igor,
Just looked at your page and here's what I think:
The CTA button in the first screenful is WAY too big. Consider making it smaller.
Since you target freelancers, you should bring it up in the copy in the first screenful. But you don't.
I don't know about any product that compete with yours, so I guess you can go with a simple headline that states what you do:
"The expense tracker built for freelancers"
"The easiest way for freelancers to track their expenses"
"Keep your freelancing business expenses organized"
"The easiest bookkeeping software for freelancers"
Then have the following bullets as subheads:
Separate your business expenses from your personal expenses
Easily reclaim your tax deductions
Keep track of your cashflow across different accounts
But I think you can do even better and paint a clear picture of what it means to track expenses without your product (Scattered invoices? Money lost on missed tax deductions? Personal expenses get confused with business's expenses and can't track profits?.)
I'd make the font smaller in the use cases section.
I'd also consider changing the color for some of the sections (white background probably). Because the more things are monotone for the users, the easier for them to lose attention. Change color to relieve the eye and keep attention higher.
The rest is okay-ish. These changes should have a big impact already.
Hope it helps!
good luck!
Aaaah, and regarding the hero image, you can either use some of your product screenshots, so you show immediately how it works. Or the image of a freelance with a sense of relief while he looks at his expenses.