Pricing page update

Added 1 commit:

• 700a2753 - Fixed scss lint errors

Added 1 commit:

• db45248f - updated links

cc. @lukebabb

Added 1 commit:

• 1e3f1a75 - Aligns pricing boxes

@iamphill this is looking really great! There are a few small pieces of feedback, minor details, that I will comment out later this week (swamped with a big project).

@amara is also working on copy for this page as well.

@lukebabb and @iamphill yes this was on our list for things I need to review this week. I will take a look later today or tomorrow at the latest!

@lukebabb and @iamphill sorry im a day late and I feel like im offering more questions than answers right now. Please feel free to object to my suggestions if it is out scope of this project.

Top message: Flexible plans for individuals and businesses. Below that (where 45 day money back is currently) “All plans include Git repository management, code reviews, issue tracking, and built-in GitLab CI for continuous integration and delivery.”

Could we move money back guarantee comment or even it put it at the end of the above copy?

Tiles (do we think people know that these products build on each other? I like the Slack makes that clear in their pricing page. https://gitlab.slack.com/pricing)

GitLab.com (Since unlimited repos are table stakes now I think under free we should say "Unlimited collaborators")

• Hosted on GitLab's servers
• Unlimited private repositories
• CI runners

GitLab CE

• On premises on your servers
• Extended authentication settings
• Deeper integration with tool stack

GitLab EE

• On premises on your servers
• Advanced workflow and server management
• Next business day support

Purple text block: I suggest we cut the purple block off the pricing page. It really does not flow to me. I see why its included looking back at the existing page but I'm struggling to think about how it aligns with the new design of the page.

If we want to raise the CE or EE question on this page then perhaps we move this section above the option pricing? The flow is pretty odd as is. Is it possible to move it? If not, can we remove this section as well. I adjusted the initial table with hopes that the new items distinguish the two versions more.

@iamphill you can populate the Subscription & Licensing FAQ questions and answers from here: https://about.gitlab.com/license-faq/

I'm going to work with @AshleyS to get content (and icons) finalized based on @amara's feedback since she is on vacation.

@rdavila how is the Zuora integration going? What's your timeline looking like? I'm working with @annabeldunstone to nail down the styling of the payment flow.

Added 1 commit:

• 1ba81a73 - Added faq from license FAQ page

@lukebabb awesome! I've added them in

Sorry to leave you hanging @iamphill! Now that @amara is back from vacation, we are going to discuss and finalize her recommendations (https://gitlab.com/gitlab-com/www-gitlab-com/merge_requests/2134#note_12102764) this week.

We'll update you on the page status and changes ASAP.

mentioned in issue #440 (closed)

Added 860 commits:

• 1ba81a73...3d636c67 - 851 commits from branch master
• 51349b32 - Hero section of pricing page
• f8b75ab0 - Enterprise tools section of pricing page
• 20eb0d6b - Why Gitlab section of pricing page
• 52790fff - Remove commented out code
• b8f439f8 - Updated pricing page design
• c78d966a - Fixed scss lint errors
• ac932bb0 - updated links
• 5764a07e - Aligns pricing boxes
• d5ee7132 - Added faq from license FAQ page

Added 1 commit:

• 6c77be96 - Updated design

@lukebabb

@iamphill this is looking great. Thanks for the super fast (as always) turn-around!

A couple quick notes, let me know if you have questions... - [x] @amara and I discussed that if you click the ```Buy Now```button on the Enterprise Edition tile, we would like it to auto-scroll down to the Options section. There the user can read about and select any add-on options, or simply continue to purchase by clicking the ```Purchase your GitLab EE package``` button. Any objections? - [x] Check out the new active state for the top navigation (https://gitlab.com/gitlab-com/www-gitlab-com/issues/440#note_12538304) - [x] Also note the lighter gray color for the rules dividing each of the FAQs (#d7d7d7) - [x] FAQ text should be the same #444444 as the other dark text on the page - [x] FAQ down arrows color look accurate, double-checking that they are #a1a1a2, and the active (up arrow) state is the red (#e14329) - [x] For the Options tiles, let's align the buttons at the bottom regardless of how many lines of text there are above (so move Geo and Support buttons to align with the Pivotal Tile button) - [ ] ~~Premium Support should have a ```Learn more...``` link as the last text line...unless we don't currently have a page to link to?~~
I believe @amara is also going to review to see that we have the correct content / copy displayed in each of the tiles and everywhere else on the page.

Added 58 commits:

• 6c77be96...9e609e9a - 48 commits from branch master
• 92bdd3ab - Hero section of pricing page
• 070aac4f - Enterprise tools section of pricing page
• 328ef57b - Why Gitlab section of pricing page
• 84b16270 - Remove commented out code
• 62b8534b - Updated pricing page design
• f0cba4f0 - Fixed scss lint errors
• b7dbdc85 - updated links
• 5bbbcb55 - Aligns pricing boxes
• 9adbae10 - Added faq from license FAQ page
• af40ef7c - Updated design

Added 1 commit:

• e5fdd1aa - Design updates

@lukebabb I couldn't find anywhere to link to premium support. It all seems to link to the pricing page.

@lukebabb

Added 1 commit:

• 4ded0979 - Fixed scss lint

Added 1 commit:

• 4ded0979 - Fixed scss lint

Putting changes in the form of a checklist as well because I liked Luke's checklist. :)

• Fix typo on For Pivotal Tile. It should say "highly available."
• Add File Locking as an EE option. My thoughts on copy for the bullets are:

• Lock files and folders
• View and manage locks
• Intuitive UI
• Learn more (Link to documentation: http://docs.gitlab.com/ee/user/project/file_lock.html)

@iamphill that was my suspicion on the Premium Support as well, we can add in a Learn more... when a page is available to link to.

Overall it looks fantastic, thanks for making those changes!
One last visual change...I'd like the active item on the top nav to stand out a bit more. On my design I've got the underline block underneath the text set to a 4px height, and I've changed the text and underline color to the dark purple (#554488). Lastly, let's bring in the width of the underline a bit...I have it going 10px beyond the word on each side. Does that all make sense?

• Add File Locking as an EE option. My thoughts on copy for the bullets are:

• Lock files and folders

• Manage binary files

• Intuitive UI

• Learn more

For @amara's last bullet point I'm wondering if we should go to two rows of two when adding in the (4th) File Locking Option?

Added 1 commit:

• fc10809f - Pricing tiles

@lukebabb @amara

Personally I'm not a huge fan of the generic text editor screenshot as a background, seems out-of-place to me.

But that's, like, my opinion, man.

Can we host font-awesome ourselves while we're at it?

haha thanks @connorshea, I'd agree...I don't love it, but it's a challenge to find images we can use freely (CC0 https://unsplash.com/) that are somewhat relevant (maybe cliche in this case). We are hard pressed to get this launched so it may stay as-in, but if you have any image ideas I'd certainly welcome them, man. ;)

@iamphill 2x2 Options look great, let me get you an icon for File Locking. Also just realized the purple header colors are off, should be filled with the lighter purple (#6b4fbb) with a dark purple border (#554488) that lines up with the border of the white container.

@iamphill here's the icon for File Locking. I couldn't find the right place to put in in the repo, so I'm attaching it here: file-locking-icon.svg

Added 1 commit:

• fae70052 - Added file locking icon

@lukebabb look ok?

Added 188 commits:

• fae70052...e05df97c - 173 commits from branch master
• 29e238e8 - Hero section of pricing page
• 00a1f6d8 - Enterprise tools section of pricing page
• 87b8ad9d - Why Gitlab section of pricing page
• 0c6a928b - Remove commented out code
• ffbb0e71 - Updated pricing page design
• ba1e4ca0 - Fixed scss lint errors
• 4a3f6626 - updated links
• ed171aa9 - Aligns pricing boxes
• 0863bc01 - Added faq from license FAQ page
• ee20e5bd - Updated design
• 4e38069f - Design updates
• 7f8dc7b5 - Fixed scss lint
• 681478ff - Pricing tiles
• a68a78da - Added file locking icon
• a41eb2bc - Option header color

looks really pretty! Great work Luke and Phil!! I read the copy too! :) I didn't catch anything. But I've seen this page a lot so it'd be great to have fresh eyes on it. Anyone else spot anything?

@iamphill looks great! There's one slight typo in the intro copy (below the top headline), it should read built-in GitLab CI not build-in. Otherwise I think we are a GO! for launch on July 1st if everything with the payment flow is on schedule. cc @amara @AshleyS

Added 1 commit:

• a282d921 - Update index.html.haml

Added 1 commit:

• 3291c8c7 - Updating pricing URL

Added 1 commit:

• 18690077 - Hides purchase EE package

Unmarked this merge request as a Work In Progress

FAQs keep their active/hover state a bit too aggressively:

I don't think the ellipsis should be part of the link here.

Including the ellipsis in the link is consistent with the other Learn more... links on the page, rather than leaving the ellipses out of the link I would rather remove them completely if we go that route.

The FAQ section behaves a bit weirdly depending on what question you open:

This link changes to a weird color shortly after being clicked (latest Chrome):

@iamphill here's the styling I have for the FAQ:

The arrow on the right side should only turn red once the question is fully expanded. On hover, I would prefer if the cursor simply changed to a pointer rather than changing the text/arrow color.

Added 1 commit:

• 7ab771f4 - Updated from feedback

Thanks @rspeicher I've addressed your feedback

@lukebabb Changed FAQ styles:

Hover just gives the pointer rather than highlighting question

@iamphill @lukebabb: Looks good to me!

Added 1 commit:

• 9398706d - Closes FAQ item if one is open

Added 1 commit:

• 0fe28a7c - Updated file locking icon

Added 286 commits:

• 0fe28a7c...66b5291f - 265 commits from branch master
• 9d1f59df - Hero section of pricing page
• 7ab25091 - Enterprise tools section of pricing page
• 230c3d7f - Why Gitlab section of pricing page
• 364ac1c9 - Remove commented out code
• 06149aa1 - Updated pricing page design
• 3abe974a - Fixed scss lint errors
• abebcdb0 - updated links
• f1c2586f - Aligns pricing boxes
• d755b90a - Added faq from license FAQ page
• a88f9971 - Updated design
• 82c4e60e - Design updates
• 741730eb - Fixed scss lint
• 02b21032 - Pricing tiles
• 9c478800 - Added file locking icon
• 27741144 - Option header color
• 12041784 - Update index.html.haml
• 0f4d9712 - Updating pricing URL
• cf214383 - Hides purchase EE package
• d1a803fa - Updated from feedback
• f69738c1 - Closes FAQ item if one is open
• 2379a4bb - Updated file locking icon

Enabled an automatic merge when the build for 2379a4bb succeeds

mentioned in commit 003ea7ad

Status changed to merged

@amara @lukebabb @iamphill can we update messaging from on-premises to single-tenant?

cc @sytses on the messaging update from on-premises to single-tenant

@iamphill can we also make the FAQs collapse when you click back on the question?

@AshleyS @lukebabb Fixed with 83521527

Nice work @iamphill

Mentioned in commit 003ea7ad