Enterprise layout V2

[adamwoodnz]

We need to iterate on the initially launched layout.

Design TBC

Latest Figma

[adamwoodnz]

Thanks @panchovm! Looks great.

FYI the New York Post has been removed so the logo layout will shift around a bit. I'll leave it centre aligned and we can review.

[bengreeley]

You may have talked about this already, so I'm sorry if this is redundant, but for the V2 of Enterprise, are we good to move forward with these changes, @jasmussen? Understanding we're looking at the redesign through a bit of a new lens, I want to make sure these changes are in line with the rest of the global update review.

[jasmussen]

I personally think so yes, as this one is mainly a visual update with less change to functionality or content, unless I'm missing something. But we can bring this to our weekly session as well.

[jasmussen]

A small update, we have a few mockup tasks to do, and then we can implement a refreshed mockup that's close to what's shared with a few changes.

For the mockup refresh:

• For the resources at the bottom, copy the line-separated 3-column link box from About and other pages and use the same pattern here.
• Have those same resources be more present above the “Get WordPress” button. In general they should be more visible.
• The huge “Get WordPress” button can still sit at the bottom as a general CTA, but let’s also have a CTA buttons close to the top, in the blue area in context of the main description. Can be two buttons, “Get WordPress” and “Hosting options” the latter linking to the Hosting page.
• The blue header takes up a lot of real-estate without a clear value. We can maybe make it smaller. This is worth doing in the generalized “default theme”.

We also need a few edits on the page itself.

• Urgent: Make sure we treat the logos appropriately. The facebook logo is “cut” at the bottom, cropped off. Check that all the logos look correct, export a new file, and have it updated asap.
• The logo buttons should ideally be clickable, so they are actionable instead of just logo soup. Verify that each of these sites still use WordPress, and if they do, link to the appropriate section of their site where WordPress is in use.
  • In the future, if we add “case studies” as posts, the logos can link to those posts instead.
• Pablo suggests the logos could have color. Joen suggests a compromise: have color on hover. Only relevant if we link the logos.

Content note: it’s a bit confusing that the case studies are VIP case studies, and have them as PDFs. This is okay in the short term, but worth thinking in terms of WordPress case stories as posts in the future.

After the fresh mockup and the suggested changes, the new refresh is good to go.

[bengreeley]

I took a stab at verifying whether the sites are still using WordPress:

• People: It's not immediately apparent whether People is still using WordPress, but I did see a couple of references to wp-content. I'm guessing they are using a headless website and using WordPress as a headless CMS.
• The Sun: ✅
• Reader's Digest: ✅
• WWD: ✅
• Variety: ✅
• Spotify: Newsroom ✅
• TED: Blog ✅
• Facebook: Has a handful of sites such as Engineering at Meta. I'd recommend we consider updating the logo to 'Meta' ✅
• Microsoft: They have multiple WP sites such as Microsoft Research ✅
• CNN: Some sites such as the CNN Press Room are using WP ✅

If we need/want additional logos or want to swap anything out, I'd suggest the following:

• Salesforce
• Al Jazeera

[fcoveram]

Here is an idea for the points mentioned by @jasmussen

The changes applied are:

1. Two buttons in the hero section. "Get WordPress" with the primary style, and "Hosting options" with the secondary one.
2. Hero section has 50px for top and bottom paddings, less than the previous design.
3. I tried the "color in hover" idea in the logo section. Here below is attached a prototype recording.
4. The resources section inherits the layout from the About page, but text styles are from its parent theme.
5. Due to the previous change, each section has a description. We would need a copy for those.
6. External links have the ↗ symbol, in line with the site-wise change.

CleanShot.2023-04-20.at.16.50.06.mp4

---

What do you think of this idea? I personally don't like the color effect. It doesn't add much value, and since colors don't follow a style palette, the outcome looks random.

[fcoveram]

I forgot to add the logo set in the previous message. Here is attached.

Enterprise logos.zip

[jasmussen]

Looks great, nice and clean. The only thing I wonder is, whether we can compress the blue header a little bit. A few vague thoughts that would need to be tested in practice:

• Smaller (ideally fluid width) font for Enterprise
• Splitting the paragraph in two at the sentence break, putting the 2nd half above the logos.
• In general, shortening the sentence at the top.
• A more horizontal layout might also work. That feels like a larger design task, so perhaps a simpler effort is to extract the description / buttons from the blue area and working it in above the the logos instead. It's mainly the blue sheet that feels tall.

CC: @thetinyl in case she has input.

[thetinyl]

Splitting the paragraph in two at the sentence break, putting the 2nd half above the logos.

I think this could work as an option. Are you thinking the 2nd half would be made a headline? That would connect the logos closer to the narrative flow of the page, especially for folks who scan. What I'm not sure about is if the first sentence is enough of a lead in to the buttons/calls to action.

As a quick copy edit for now, we could try:

Discover what makes WordPress the dominant market leader for content management at any scale, and the platform of choice for today’s biggest brands.

[fcoveram]

I tried a few ideas for Joen's suggestions, and here is the one I like most.

---

White layout and CTAs at the end (i4.35)

I also tried a different version based on Joen's comment on the odd effect of having two buttons with the same label and the page purpose.

Section	Mockup
Hero
CTAs

This layout taps into Pablo's idea of standing out the logo section, whereas buttons are placed at the end of the page. The white layout is cleaner and reaches a different look as hero section does not relate to News and Documentation pages.

For the CTA section, I replaced the big link with a section with related links. We can add more links if needed, and the text lengths allow us to elaborate more on the links' content. Please forgive me for my horrible copy suggestion as I rely on other folk's abilities to address this.

What are your thoughts?

[jasmussen]

Good options, thank you for sharing. I like the much more compressed top blue part. In principle I like the buttons up there as well, the main challenge that stands out is that suddenly we have a duplicate "Get WordPress" button close to the header. For that reason I'd either rephrase the button up top (such as "Get started"), or look at the bottom CTA you explored. The main challenge about that bottom CTA is that it reuses the separator pattern that's also used right above it, making it not quite different enough. I wonder if a more classic 2 box split can work?

That's a bit of content work, though, so probably the simpler initial solution is to go with your two buttons at the top, and then decide whether we're okay with the duplicate "Get WordPress", or whether we need to rephrase the download button.

[fcoveram]

Probably the simpler initial solution is to go with your two buttons at the top, and then decide whether we're okay with the duplicate "Get WordPress", or whether we need to rephrase the download button.

Agree with this. Waiting for other folks' thoughts to see which path to follow.

[StevenDufresne]

Thoughts

i4.31
I don't see a compelling reason why anyone would click "Get Wordpress" or "Hosting Options". Buttons in a hero component usually work as a shortcut or the entry point to a specific funnel. I think when users arrive here, they are not yet ready for that. The purpose of this page is to confirm for users that WordPress is the best enterprise solution and if they are an enterprise, show them that a company in their vertical, or a company they admire, uses wordpress for enterprise. The CTA would make more sense to exist after that case is made.

i4.35
I'm surprised with how more interesting and alive this section feels even though the color has been removed. Neat.

Random
I may be late to the party but for me, the use cases are the meat of this page and that section falls flat. We are kind of banking on the logo grid being impressive enough to make the sale. I think, the strongest statement we could make for enterprise is to associate the logos to the different use cases and amplify those messages. I find it's easy to catch a more visual or interesting logo and miss some of the others, ones that probably relate more to my company.

Here's how I verbalize the page in mind in how it's currently structured:
"Okay, wordpress for enterprise"
"Oh, those are some big companies, Spotify, cool"
"Good for media, content marketing, e-commerce, education, ok..."
"Some generic stuff about software and internet"
"Get wordpress, hmm.."
"Ok, some links".

I think a more compelling mental journey would be something like:
"Okay, wordpress for enterprise"
"Good for media, people, reader's digest, cool"
"I'm not a media company"
"Good for ecommerce, spotify, wwd".
"Interesting, kind of relates"
"Good for content marketing, ted!".
....

The more we share that story and not rush past it, the stronger the case we make. People still don't realize how many of the worlds most prominent internet business use WordPress. It's almost like we should overstate that and induce a bit of "fear of missing out" syndrome without being distracting of course. :)

Sorry if this is just distracting.

[StevenDufresne]

I'm going to close #154 as a duplicate. However it does have context for the content pulled from this comment.

[mrstrande]

Hi guys,

I'm a bit on a mission to push the agenda that WordPress is fit for enterprise clients.
We have a couple of enterprise sized solution in Denmark, but is continuously in heavy competition from other systems and under attack from their providers.

First off, thanks for your hard work here. I know I'm coming into the thread and potentially disturbing the peace.

Here is my thoughts, and please let me know if we can somehow help to wireframe, have a session or something like that. I'm copy pasting from another thread, that directed me here:

---

Let's say that an enterprise-sized client sees https://wordpress.org/enterprise/.
The page consists of:

Menu to other pages
Banner with simple text
Logos of 10 large enterprises that use WordPress
Text area consisting of one centered text and two columns and two rows of text
A one-column content area telling about "extensibility,", "security," and "open source"
A big "Get WordPress" text area
Footer area consisting of 3 columns: case studies (in PDF form), white paper references (in PDF form), and tutorials (links to Vimeo)
Footer menu area (global as of https://wordpress.org/)
Overall, the impression is extremely basic. No wow factor, just a bit of content without depth.

Talking to a couple of people, they basically agree that people might most likely just open it and close it very quickly after, without finding what they were looking for. If people are thinking of using WordPress for enterprise, this page might, in fact, just turn them away.

The most important thing that we are missing are case studies. There are so many good case studies. Each case needs to be described in depth and in a way that gives enough information to see that WordPress is a great option for the enterprise.

Furthermore, we need another call-to-action rather than downloading. An enterprise sized client would not download and install WordPress, but would like to get in contact with someone that can help them. This might be WordPress VIP or the WooExpert program.

Overall, I can deliver some simple wireframes if needed for the ideas for the better landing page, but being new here, I don't know what the next good step would be.

Thanks in advance.

Cheers!

[StevenDufresne]

@mrstrande I very much agree with you. I think this page is also open to design ideas and therefore wireframes are definitely welcome. To me, a focus on the content architecture will provide the most value. Layouts & colors can be adjusted or added later. Does that make sense?