32 comments

  • Dirk HCM van BoxtelDirk HCM van Boxtel, 5 years ago

    Alright. I put my review in the form of a PowerPoint. Why? Because Imgur was down for me for +- 5 minutes.

    It's a 15-minute-guns-blazing approach. So I don't put in any words like "I enjoyed the colour blue" or "you've done an amazing job with the [bladeebla]".

    Al you get is "this sucks because X, that sucks because Y" approach, along with "this is how I'd fix it in 5 minutes."

    You get what you pay for.

    https://drive.google.com/file/d/1f0SkNodrUHfbHvS2bI4HikRIxSZcjR9L/view?usp=sharing

    Enjoy, good luck, and may the force be with you.

    7 points
  • Ken Em, 5 years ago

    One thing I notice right away is that the navigation links don't work for me using Safari in iOS 12. Tapping on the links does nothing.

    5 points
  • Oleg SerediucOleg Serediuc, 5 years ago

    Overall the website looks poorly designed. First thing I did was nottice the blue ocean image ad tried to drag the cursor only to realize it's not draggable. Then it took me way too long to figure out what does "IMPLEM" means. As others pointed there're too many attention grabbing elements on the page. Blue color is so overused that calls to action are getting lost.

    The layout of top area doesn't make a good use of space. It seems more logical to have the text and image side by side rather than text on top and image above. Here's my suggestion for the top part: https://ibb.co/h9qhip.

    Also, maybe have just "Start free trial" button on this page to reduce the clutter and have a separate Pricing page with monthly/annually pay option, I feel like your clients would want more details on pricing and app support.

    Cherers!

    3 points
    • lisa dziuba, 5 years ago

      Then it took me way too long to figure out what does "IMPLEM" means.

      that's a clear mistake! will fix this.

      and have a separate Pricing page with monthly/annually pay option

      we still working on the pricing... but this page is the logical step for us.

      Thank you a lot for your comments

      0 points
  • Account deleted 5 years ago

    I don't mean this in a mean way, but you need to hire a designer. There are a lot of things that just don't work on this website, be it visually or functionally.

    3 points
    • Ahmed Sulaiman, 5 years ago

      you need to hire a designer.

      yes, we need a good UX & UI designer... We just let go our previous designer, so no dedicated person for this now. And that's why I'm doing design O_o

      1 point
      • Robin GoyalRobin Goyal, 5 years ago

        Are you guys looking for a Designer who's willing to work remotely?

        0 points
        • lisa dziuba, 5 years ago

          hey, Robin! We are looking for a local designer. Thinking to take someone from Ukraine, so the person can be part of our team here ❤

          0 points
    • Ahmed Sulaiman, 5 years ago

      There are a lot of things that just don't work on this website, be it visually or functionally.

      would you please share at least some of them?

      0 points
      • Account deleted 5 years ago

        Sure. The main hero image that switches between two images looks like it is grabbable, but it's not. For some reason it only works on scroll, but on my screen by the time i scroll it's already off the page so i cant see it anymore

        Behind it, it says IMPLEM DESIGN - I'm guessing that is meant to be implement, and design, but its not really working currently

        Great companies love our product - i kinda don't believe that at this point because the rest of the website's quality is low

        How it works section - the image is waaaaaay off to the left on a 27" monitor

        it doesn't look like a grid has been used, and if it has it's all over the place. there are like 7 different content widths.

        The quotes at the bottom are from unknown companies - again if you've got people at Spotify using your product get quotes from them. The quote from Microsoft doesn't make sense because in the bottom right corner it says the app is for macOS only, so yeah...

        The copy is missing some words too:

        It allows to fix visual issues on the fly, before they cost you time and money.

        change to

        It allows YOU/THE USER to fix visual issues on the fly, before they cost you time and money.

        Choose comparison mode to spot any visual differences between expected design and real app.

        change to

        Choose comparison mode to spot any visual differences between THE expected design and real app.

        1 point
        • Fernando Lins, 5 years ago

          I agree with all points brought up by Todd.

          I guess the "IMPLEM" and "DESIGN" are supposed to be a comparison between what was implemented by the developer (implementation) and what the final design should be. In any case, "IMPLEM" is just not the way you want to abbreviate it. Just write the full word.

          One more thing: Change "About Product" to either "About" or "About Flawless", cause it feels like placeholder text.

          -1 points
          • Ahmed Sulaiman, 5 years ago

            Behind it, it says IMPLEM DESIGN - I'm guessing that is meant to be implement, and design, but its not really working currently

            Thanks for highlighting this! We will change it to "real app" \ "design"

            0 points
        • Ahmed Sulaiman, 5 years ago

          Todd, you are amazing!!!

          1 point
  • Ahmed Sulaiman, 5 years ago

    So If you have a free moment to give more feedback on our website redesign - it will be amazing!

    It's a new site for our iOS development tool: https://flawlessapp.io/brightblue After the previous feedback, I made it white and cleaner. And the old website had many UX issues: not clear animation, bad copy... I did it one year ago, so it's time for something better.

    Any thoughts on new site? Is message clear? Any design tips here?

    P.S.: it's still in development, so please report if something doesn't work...

    2 points
    • lisa dziuba, 5 years ago

      this is old website: https://flawlessapp.io/

      1 point
      • Dirk HCM van BoxtelDirk HCM van Boxtel, 5 years ago

        Old site miles clearer.

        6 points
        • Ahmed Sulaiman, 5 years ago

          seriously? I'm honestly surprised... Maybe you can give some points what are better on the old site, comparing to the new one?

          0 points
          • Account deleted 5 years ago

            Yeah it really is better. The hero animation quickly shows you what the product does, then it walks you through the process. social proof then CTA. The design isnt amazing but its much better than what you have now. The only thing thats weird is the play button which doesnt show that it's going to play a video.

            1 point
            • Dirk HCM van BoxtelDirk HCM van Boxtel, 5 years ago

              Literally this.

              It's so much clearer what the product does.

              See my powerpoint in my other comment. The new site has SO many things that try to draw attention that it's hard to find what you want us to look at. So many different styles of buttons, with border, without border, light blue, deep blue, user interface elements, only shows the animation on scroll, which is annoying because you can't just look at it while it works, you have to look upward. Too many overlapping things... etc.

              The old one is damn simple.

              Also, the tag-lines:

              Achieve the best possible visual quality

              • an image of DESIGN and IMPLEMENTATION, followed by "not the same"

              Instantly shows what you're trying to fix.

              On the new website it says:

              Build pixel-perfect apps faster

              And then a mess of words and buttons and stuff.

              You've got to realize PEOPLE DO NOT READ TOP-TO-BOTTOM. They read the thing that stands out the most FIRST. Then the second thing that stands out the most. Then the third. Etc.

              If that means their gaze gets dragged from left top to right bottom to left mid to right bottom again etc, you're doing something wrong :]

              0 points
  • Ahmed Sulaiman, 5 years ago

    Last time, we received an amazing feedback here (because designers here are just incredible

    2 points
  • Ali Adams, 5 years ago

    There are a lot of hierarchal and compositional issues on the site that dilute the experience and value prop. I think the product is great but the site doesn't help convey what the product actually does clearly. Start with using the full 12-col grid on the hero instead of the current 4-6 col. You're wasting so much real estate there. Make the slider draggable so the user can see the difference between design/dev instead of them having to painfully scroll down only for the slider to move halfway. Also, the branding is too dull to make this product exciting.

    I know you mentioned you recently lost your designer. I'm happy to help out with the branding and experience if you'd like. You can checkout my work @ aliadams.net

    Good luck!

    0 points
  • Jan SemlerJan Semler, 5 years ago

    Way more whitespace would help for better readability and visual appearance. I would also do a little bit more on the Hero Graph, you highjacked the scrolling sometimes i like that but in this case i scroll away the animation i cannot see what its doing. I would apply a tight strong communication of what flawless is doing instead of highjacking the scrollposition. Just communicated more than showing something.

    0 points
  • Jordan BJordan B, 5 years ago

    Hi Ahmed,

    At first glance these are some things that you can fix:

    • Gets a little wonky at smaller breakpoints (e.g. around 1030px)

    • Your "Buy Now…" CTA is a little crowded and having "YEAR" in small caps looks funny. Maybe try "/YR" in the same font size and weight instead.

    • Try left-aligning your type in the quotes. Justified type can get weird on web, creating large gaps between words, especially on smaller screens.

    • There's something funny happening with your right chevron in the quotes as well. Try this:

    .review__next:before { 
 -webkit-transform: rotateZ(-225deg); 
 transform: rotateZ(-225deg); }

    • Buy Now page reads "Free Updates … Forever"—which isn't really true. Maybe think about changing the copy to something like Free Updates with valid license" (but better) ;)

    These are some small things that you can change to make the current site better, but I agree with some the other comments that you should hire a designer. They will be able to add the polish that you need when selling a product like this.

    Good luck!

    0 points
    • lisa dziuba, 5 years ago

      thanks! we plan to get a designer in Ukraine, probably soon...

      About another moments:

      Buy Now page reads "Free Updates … Forever"—which isn't really true. will fix it

      Your "Buy Now…" CTA is a little crowded and having "YEAR" in small caps looks funny. Maybe try "/YR" in the same font size and weight instead.

      totally make sense. Will change here

      0 points
  • Ken Em, 5 years ago

    I went to a few links in the footer and all of them ended up at a completely different site design.

    0 points
  • Hüseyin YilmazHüseyin Yilmaz, 5 years ago

    cmd+w

    -1 points