I’d love some feedback on my landing page (citationsy.com)
almost 6 years ago from Cenk Özbakır, Founder, Citationsy
almost 6 years ago from Cenk Özbakır, Founder, Citationsy
I like it, the design fits the message.
I think you can work on your claim ("Perhaps the worlds..."). It can be stronger by making a promise to the reader or telling them why they should use it. (Like invision says: "DESIGN BETTER. FASTER. TOGETHER." instad of "The worlds best prototyping tool.")
Also, the screen-capture is a little too fast. It feels rushed and it's hard to follow the functionality. Maybe reduce it to the core function, displaying key benefits.
A tiny, tiny splash of colour wouldn't hurt.
Maybe include a call to action in the header.
That makes sense … a proper slogan might work better. I’ll try to come up with one. Thanks!
Speaking of colour, what do you think of the greenish colour that the buttons have now? Do you think a different colour might work better?
Impossible to tell this without testing. I'd focus less on the CTA color and more on the color-scheme of the site brand. Start then with a CTA color that works well with the design and test it. There are a few tools out there that will let you easily do this and get real data back on what gets better click-throughs or not.
Keep in mind too that that's pretty much only the beginning of the funnel. You'll soon find yourself optimizing the transactional flow as well! Hehehe.
Agree that the screen-capture is a bit fast and the phrase is a bit pretentious and could tell more the value proposition of using this tool. Overall, passes a clear message
Some quick thoughts:
The animation moves too quick. I have no idea what'a going on. I honestly had a hard time understanding what the product did until I scrolled down to the features. I'd highly recommend slowing the animation 50%... give people time to digest what's happening.
I think you need some kind of branding or identity to help breathe a little life into the site (and the product). There's no emotional "feels" at all, so it comes off as a bit to clinical - or fly-by-night. If you want to charge people for a service, put time in creating a brand or identity they can associate with the $$ they spend.
Instead of getting wordy with the features, I'd consider flipping things around and focusing more on the BENEFITS. Features are a list of things the product can do... but speaking to how the product benefits someone is what opens wallets.
Be careful with the school/institution logos. It's looks an awful lot like an endorsement or that they are a client. Feels shady. I'd rather see quotes from actual users instead. Right now, this is similar to you putting a Nike, Under Amour, J.Crew and TOMS logo there and saying "used by people who wear these clothes".
Good luck.
I hear you on the animation, I’m working on slowing it down. Thanks for the other points too
Yes I agree! Animation is way too fast! I understand you are trying to express how quick your system is, but let the user discover that for themselves. What's important for a landing page is that your potential users understand how it functions and what it is exactly that you are offering.
The login button is what I would consider to be "microscopic" and very much out of the way. It's hard to reach on a phone or tablet, and it's hard to read for people who don't have the best eyesight. Might want to think about turning that into a larger CTA button.
Thanks! I’ve made it a bit more obvious
Just want to say I love how honest and upfront you are about the pricing model. Too many services either hide their business model or charge without justifying their value.
I'd guess for a lot of users your service is worth more than 1$ per month, but I also see how easier it makes for everyone to charge a flat fee.
Some people here have some fantastic constructive criticism. I just wanted to chime in and say I love the service! And I think your site looks great ;)
Excellent suggestions, thank you. I will add a little demo!
Youre welcome :)
This isn't necessarily feedback on your landing page, but why don't you offer an "educational license" for universities? Universities are known for purchasing products like this for their students. I'm sure you may have thought of this already though.
I do! I guess I should rename the link in the menu to make it more obvious?
I think you should make some a/b tests with the call to action, some ideas: - Put one call to action before the feature area - Simplifying the CTA copy (Start your free trial) and mention the 14 days in other area - Change the order: first the CTA and after the copy "Citationsy costs $1 / month and does...."
More feedback here from a couple of weeks ago when you posted about this: https://www.designernews.co/stories/85250-a-service-i-loved-was-sold-and-became-unbearable-so-i-built-my-own
Bauhaus University checks in
Whaddddup Weimar! Da haben wir uns wohl knapp verpasst, ich hab meinen Bachelor 2015 gemacht. Hab mir deine Seite angeschaut, die BibApp sieht super aus
One thing I don't think that's been brought up yet is the type hierarchy. The "Features" and "FAQ/About" sections seem to suffer from this the most. I find the headers and paragraph blend together a bit too much. Just increasing a bit of spacing here would probably help out.
Also, it looks like in the Features section something is off about the type rendering. At least on Win10 Chrome 59.Edit: Seems to be due to the lack of a proper tag like a < p > for paragraphs or < hX >'s for a heading, right now they're just rendering from < div >'s.
I liked, good job. ;)
I think is nice and minimals. I prrety good to help the reading
I agree, the animation is WAY too fast. I, however, like the simplicity of the design and the palate you've chosen. It fits with the simple utility you're providing nicely.
My only suggestion is - maybe have a bit more fun with the logo, e.g. (Citation)sy, or (Citationsy), or put a yellow background highlight behind the "Citation" in citationsy. Just something to make it a bit more welcoming, human, and have the logo speak to a function of the site.
I wish this tool existed when I was in school...I wish a lot of things existed when I was in school :)
Agreed about the animation and the logo welcoming more fun.
The palette and communication are austere and a bit snarky, so having a more interesting logo can add some contrast without hampering your current tone.
By the way, just realized the snarky tone reminds me of Pinboard :)
I think everyone addressed what I was thinking. It def looks sort of wireframey- I'd add some color in. Maybe that yellow you used in highlighting!
do this:
a.signup_button { display: block; margin-left: auto; margin-right: auto; /* border: 1px solid #21a286; */ border-radius: 2px; text-decoration: none; margin-bottom: 40px; margin-top: 30px; text-align: center; padding-top: 10px; padding-bottom: 10px; background-color: #43d6b5; font-weight: 600; font-size: 16px; width: 270px; color: #fff; font-weight: 700; }
for the buttons and
font-size: 26px; font-weight: 400; margin-bottom: 100px;
}
width: 100%; height: 180px; background-color: #fff; margin-top: 120px;
}
for the header section spacing
:)
also, make the chat button in the bottom right corner: #43d6b5 too.
So it looks better.
I know. :) But personally, I always felt that telling me why I should do something is a lot more helpful than just telling me to do something. Also, I think changing some lines of CSS is not the kind of feedback that makes the site better.
Sorry if I come across arsey, I totally don't mean it like that. :)
no problem - i was about to leave the office and thought some quick CSS changes were the easiest way to get my point across, hence my quickness. Also apologies if I came across as a bit of a dick.
To explain - I think the border on the button was unnecessary - it already stands out enough. I changed the sizing because i thought the proportions weren't quite working and the button wasn't really gelling with the rest of the site. I suggested the spacing with the hero image to give it a bit of space to breath and draw emphasis to it. It was currently all squished up with loads of text surrounding it which gave the otherwise nice and clean site a bit of a cluttered appearance, due to the amount of text instantly visible.
Thanks for these suggestions. I absolutely understand where you’re coming from regarding the spacing, the reason everything is so tight right now is so that as much as possible fits on smaller laptop screens. But I will be adding some media queries to loosen things up on taller screens.
Designer News
Where the design community meets.
Designer News is a large, global community of people working or interested in design and technology.
Have feedback?
Login to Comment
You'll need to log in before you can leave a comment.
LoginRegister Today
New accounts can leave comments immediately, and gain full permissions after one week.
Register now