Dropbox Paper

Mindful Team UI & UX Review

Landing Page:

You can see the alignment of the button is in the center. The button has a shadow before clicking hovering the button. The ‘14-day free trial and no credit card’ text is put after the button. A professional approach to this is

Align the button to Left

Use Shadow in button only in Hover

Put the ’14-day free trial and no credit card’ before signup button and not after.

Remove the “Try 14-day free trial with no credit card from second heading”

You can remove the “Smart companies use Mindful Team for more productive meetings” in the header and use the same caption in another section where you show the logos of your clients and customers

You can increase the size of text inside the button

It seems to me that you are trying something different by using 3 headings in a section.(1. The big one, 2. the dark blue one and 3. normal text size) We usually see two headings or just one heading. Your approach is different and whether it works or not depends on testing.

Alternative to 3 headings is just two headings with short texts so it can be read quick

In your features section, your arrangement of elements is block styled. By block styled, I mean three elements act like they are put one after another like in table. Here’s a better way to arrange them:

The same alignment, positioning of text and box shadow as I mentioned in the first

This looks nice actually. But if you notice the header, in this case you only have one text while in the features section, you had 3 texts. Think about if you want to follow a consistent approach or not. If you want to follow a consistent approach(which I recommend), use same styles.

You can use the “Smart companies use Mindful for productive meetings etc” as second header or primary header in the client testimonial section.

Regarding the positioning of image and text in client testimonial elements, you can arrange it in a way similar to the feature section.

The list of features is not clearly visible. You can make it’s color black or dark grey.

You don’t really have to make the pricing font size that big. You can reduce the size by 50%-25% of present size.

Have more margin in between two different plans

You can also create similar layout in second card of enterprise. You don’t have to create the difference.

Consider a bit larger margin-right in the image of left(Very impressed by your layout)

On the right, You can align them to Left in the order I suggested in the beginning.

I couldn’t give feedback on entire website but I have tried my best to give you with insights that are useful in the landing page. I hope this helps.

A little about myself:

I’m Siddhartha Neupane or simply called Neu and I currently run a startup called Insteps which allows teams to create one to-do list and send copies of original to-do list to several people which the team members will access as if it’s their own personal to-do list. The progress of one person will not affect the another and the admin can track progress. If you have any advice in general or anything you would like to ask, you can send me an email: bvlash@gmail.com

Let me know if you found this helpful. 🙂