34 comments

  • Tom ReinertTom Reinert, 2 years ago

    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.

    10 points
    • Cenk Özbakır, 2 years ago

      That makes sense … a proper slogan might work better. I’ll try to come up with one. Thanks!

      1 point
    • Cenk Özbakır, 2 years ago

      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?

      3 points
      • Account deleted 2 years ago

        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.

        2 points
    • Joao Carvalho, 2 years ago

      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

      0 points
  • Account deleted 2 years ago

    Some quick thoughts:

    1. 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.

    2. 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.

    3. 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.

    4. 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.

    8 points
    • Cenk Özbakır, 2 years ago

      I hear you on the animation, I’m working on slowing it down. Thanks for the other points too

      0 points
      • Alex Hazel, 2 years ago

        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.

        0 points
  • Josh KingJosh King, 2 years ago

    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 ;)

    3 points
  • Alex Hazel, 2 years ago

    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.

    3 points
  • Daniel FoscoDaniel Fosco, 2 years ago

    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.

    3 points
  • Chris LüdersChris Lüders, 2 years ago
    • Maybe try to add a sticky CTA to the bottom, instead of repeating the CTA 3 times
    • its really too grey
    • maybe add a demo project (could be a super simple clickdummy, without functionality except of linking pages), so I can check out the features slowly, step by step
    • maybe add some visual bits in the header for more personality (desk with fancy shit in the background?)
    • the explanations of the features are too long or complicated. try to shrink it down to one super simple sentence (ex: https://www.any.do )
    2 points
  • Ken Em, 2 years ago

    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

    2 points
  • Pedro PintoPedro Pinto, 2 years ago

    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...."

    2 points
  • Levin ~, 2 years ago

    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.

    2 points
  • Powers Gray, 2 years ago

    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 :)

    1 point
    • Daniel FoscoDaniel Fosco, 2 years ago

      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 :)

      1 point
  • Jorge Oliveira, 2 years ago

    I liked, good job. ;)

    1 point
  • Paul HermannPaul Hermann, 2 years ago

    Bauhaus University checks in

    1 point
    • Cenk Özbakır, 2 years ago

      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

      0 points
  • Sergio Ruiz, 2 years ago

    I think is nice and minimals. I prrety good to help the reading

    1 point
  • Stefan HoardStefan Hoard, 2 years ago

    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.

    1 point
  • Account deleted 2 years ago

    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

    frontpage_top h3 {

    font-size: 26px; font-weight: 400; margin-bottom: 100px;

    }

    logo_stripe {

    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.

    0 points
    • Dennis Schmidt, 2 years ago

      Why?

      3 points
      • Account deleted 2 years ago

        So it looks better.

        1 point
        • Dennis Schmidt, 2 years ago

          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. :)

          5 points
          • Account deleted 2 years ago

            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.

            3 points
    • Cenk Özbakır, 2 years ago

      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.

      0 points
  • Alex CampAlex Camp, 2 years ago

    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!

    0 points
  • Chris BreitiganChris Breitigan, 2 years ago

    Here's my take - https://www.dropbox.com/s/z1j74cx5zdwehvc/Screen%20Shot%202017-07-22%20at%2001.10.10-fullpage.png?dl=0

    0 points