Jakarta.ee Website Refresh

[chrisguindon]

I am creating this issue to allow us to have high-level conversations around Jakarta.ee Website Refresh project: https://github.com/jakartaee/jakarta.ee/projects/1

Before we start, it's important to understand that the look and feel of the Jakarta.ee re-design was already discussed and approved: #1070.

The focus of this project is now on the implementation of this new l&f: https://projects.invisionapp.com/share/MV1064CX7GC6#/screens/444513792

We are planning a phased delivery approach with this project.

Q3 - Template + Homepage

Due by September 30, 2021

In Q3, our focus will be on updating core components that we plan on using on every page. This includes components like our header, footer, main menu, and our Jumbotron. We will also include the implementation of our new homepage with our Q3 delivery:
https://github.com/jakartaee/jakarta.ee/milestone/1

• Jumbotron redesign #1133
• Navigation and tool bar updates #1134
• Homepage split headline section #1135
• Homepage members carousel #1136
• What's new homepage section #1137
• Homepage testimonial cards #1138
• Redesigned footer section #1139
• Simple homepage content #1140
• Allow deeper nesting of main navigation elements #1162

Q3 - Nice to have (Enhancement)

• Random weighted testimonial cards on the homepage #1157

Q4 - Individual pages

Due by December 31, 2021

In Q4, we will work on implementing all the secondary pages of the site:
https://github.com/jakartaee/jakarta.ee/milestone/3

• FAQ page refresh #1141
• About Working Groups page refresh #1142
• About resources page refresh #1143
• Adopt-a-spec page refresh #1144
• Jakarta EE Committees page refresh #1145
• Meeting minutes refresh #1146
• Specification detailed single page refresh #1147
• Compatibility Get Listed page refresh #1148
• Community Stay Connected page refresh #1149
• Community Events refresh #1150
• Newsletter archive refresh #1151
• Join Jakarta EE working group refresh #1152
• Specifications list page refresh #1153
• Resource videos refresh #1154
• Compatible products page #1166
• Compatible Products - View all tab #1167
• Create Community page #1289
• Create Specification page #1290
• Create About Jakarta EE page #1324

Q4 - Nice to have (Enhancements / New features)

• Hover State Issue on Nav for Release Page #1348
• News Page vs Newsroom Canonical Links #1346

For Phase 1 (Q3), the work will likely be delivered by the end of the quarter. However, for phase 2 (q4), we plan on rolling out individual page updates as they are ready.

Q1 2022

Merge Compatible Products

• Compatible products page #1166
• Compatible Products - View all tab #1167
• Create solution for opening TCK or download links per released product #1174

Implement widgets

• Create filters for different Jakarta Releases in compatible products #1173
• Video resource filter dropdown #1161
• Select dropdown in-site navigation component #1160

Translate new content to second language

• [Redesign] - Translate pages that was redesigned #1338

Update to the News section

• Update news page to use newsroom API #1321

Update CSS for JakartaBlogs

• Fix the CSS jakartablogs.ee#106

Blogs

• Define blogging guidelines and process to enable staff and community members  #1371

[chrisguindon]

The current state of this project can be seen here: https://redesign--jakartaee.netlify.app/

[chrisguindon]

@ericpoirier @shabnammayel,

This is what I am thinking as a timeline for September:

• September 13-17: We finish reviewing the site and agree on the final changes that we need to make https://deploy-preview-1256--jakartaee.netlify.app/
• September 17-22: Allocated for community feedback and testing
• September 23-29: Finalize last changes
• September 30: Go live with phase 1

[ericpoirier]

@ericpoirier @shabnammayel,

This is what I am thinking as a timeline for September:

• September 13-17: We finish reviewing the site and agree on the final changes that we need to make https://deploy-preview-1256--jakartaee.netlify.app/
• September 17-22: Allocated for community feedback and testing
• September 23-29: Finalize last changes
• September 30: Go live with phase 1

+1

[ericpoirier]

I made changes based on the changes we talked about yesterday:
https://deploy-preview-1256--jakartaee.netlify.app/

The changes that I've made are listed here:
https://docs.google.com/document/d/1sC0-N4sj0WdP-vUpC3v7tyspTnS8DmwlKy7QmYLf_IU/edit#

Let me know if there's anything else.

Also I noticed that the navigation from the following document is different from what we currently have on staging:
https://docs.google.com/spreadsheets/d/1oB21kaN-25slUfZm5Mq2IgCgx1ky-HYxu71D5FTXRWQ/edit?pli=1#gid=1312835957

Should I update the staging navigation based on this spreadsheet?

Thanks.

[chrisguindon]

Should I update the staging navigation based on this spreadsheet?

@shabnammayel is planning to give us an updated sitemap-navigation tomorrow. Let's wait for that update before we do anything.

[ericpoirier]

Should I update the staging navigation based on this spreadsheet?

@shabnammayel is planning to give us an updated sitemap-navigation tomorrow. Let's wait for that update before we do anything.

Ok will do.

[shabnammayel]

@ericpoirier I have reviewed the changes you made and added some comments here in your google doc: https://docs.google.com/document/d/1sC0-N4sj0WdP-vUpC3v7tyspTnS8DmwlKy7QmYLf_IU/edit#
Also shared the changes with @ivargrimstad and @TanjaObradovic to get their feedback

[ericpoirier]

@ericpoirier I have reviewed the changes you made and added some comments here in your google doc: https://docs.google.com/document/d/1sC0-N4sj0WdP-vUpC3v7tyspTnS8DmwlKy7QmYLf_IU/edit#
Also shared the changes with @ivargrimstad and @TanjaObradovic to get their feedback

Thanks!

I'm thinking that maybe I should wait until the sitemap-navigation is entirely done before making more changes to the menu. This way I would make changes only once and there will be less back and forth. What do you think?

[shabnammayel]

I don't think I have more suggested changes than what we discussed yesterday and what I added to the document today. I went through the current website to make sure we are including all of the links in the new design.
so that's it from my side. I asked Tanja and Ivar to review and provide feedback too. thanks Eric.

[edbratt]

FWIW, I looked quickly at the deploy preview and the site update looks really nice! It might be useful to update the Marketing Committee with a note about this progress and the proposed roll-out. My thanks to all of you for this work!

[shabnammayel]

Thanks for going through the previews @edbratt. I am planning to provide an overview of the updates on our Marketing Committee Call tomorrow and based on the timeline that Chris provided, mention that the updates are open for community feedback and testing from Sep 17-24.

[chrisguindon]

@shabnammayel What would be the best way to announce to the community that we are looking for some feedback?

Is there a mailing list we should use? I am thinking we should point people to this issue for feedback on Friday once we are done with our internal changes.

[ericpoirier]

@shabnammayel I made the changes to the main menu:

https://deploy-preview-1256--jakartaee.netlify.app/

Let me know if i missed anything.

Thanks.

[ericpoirier]

@shabnammayel I did the last changes for the main menu based on the discussion we had yesterday afternoon:

https://deploy-preview-1256--jakartaee.netlify.app/

Let me know if there's anything else.

[shabnammayel]

Thanks @ericpoirier looks great! News is missing from the "About" dropdown. It should be moved from resource dropdown to "About" dropdown at the bottom as indicated here: https://docs.google.com/spreadsheets/d/1oB21kaN-25slUfZm5Mq2IgCgx1ky-HYxu71D5FTXRWQ/edit?pli=1#gid=1312835957
Thanks

[ericpoirier]

Thanks @ericpoirier looks great! News is missing from the "About" dropdown. It should be moved from resource dropdown to "About" dropdown at the bottom as indicated here: https://docs.google.com/spreadsheets/d/1oB21kaN-25slUfZm5Mq2IgCgx1ky-HYxu71D5FTXRWQ/edit?pli=1#gid=1312835957
Thanks

I thought this one was going in resources but I moved it.

https://deploy-preview-1256--jakartaee.netlify.app/

Let me know if I missed anything else.

[shabnammayel]

Thanks @ericpoirier , Based on the discussions on the Marketing Committee call today, members will work on updating the testimonials and limiting them to 250 characters. and also will provide the missing images of the quoters. I think your recommended image size is 20kb~ and around 300x300 pixels, right? The deadline to submit the revised quotes under this issue is EOD Sep 24 so that you can have the next week to finalize the changes.

[chrisguindon]

@shabnammayel How do you recommend we reach out to the community about this on Friday? Is there a mailing list we should use to point people to this issue?

[shabnammayel]

re testimonials MKT committee members will be able to provide the updated testimonials. but for the general community feedback on the updates we can inform through the community mailing list.

[shabnammayel]

@ericpoirier 2 more edits :) 1. The link under Get Involved to join the working group in the box in homepage is going to the charter. it should lead to the membership page. 2. Please change the title of the Videos on homepage to " Jakarta EE on YouTube"and change the blurb to "Jakarta EE Youtube channel is a platform that features Jakarta EE related videos aiming to educate the new and existing community members about open source cloud native and microservices technologies" thanks

[ericpoirier]

@ericpoirier 2 more edits :) 1. The link under Get Involved to join the working group in the box in homepage is going to the charter. it should lead to the membership page. 2. Please change the title of the Videos on homepage to " Jakarta EE on YouTube"and change the blurb to "Jakarta EE Youtube channel is a platform that features Jakarta EE related videos aiming to educate the new and existing community members about open source cloud native and microservices technologies" thanks

I made those changes to the following staging page:
https://deploy-preview-1262--jakartaee.netlify.app/

Let me know if there's anything else.

Thanks.

[cesarhernandezgt]

Hi @ericpoirier
I know the current scope is on the home page, but it seems the changes in the theme made 9.1 release page overlapping a bit in the banner around class jakartaee-9-flex-grow-container vertical-align flex-wrap

Screenshot from a 1920x1080 resolution:

[ericpoirier]

Hi @ericpoirier
I know the current scope is on the home page, but it seems the changes in the theme made 9.1 release page overlapping a bit in the banner around class jakartaee-9-flex-grow-container vertical-align flex-wrap

Screenshot from a 1920x1080 resolution:

Thanks for reporting this issue, I'll get that fixed.

Must be a regression due to update in the CSS.

[trulymobilenwp]

Here is a suggested version closer to the 250 char count.
“IBM helped create Java EE and guide it through its teenage years and I’m delighted to see the progress made under Jakarta EE. I look forward to Jakarta EE and MicroProfile becoming the open standard for cloud-native innovation and the technology we need for Java in the cloud.”
– Ian Robinson, Distinguished Engineer, CTO IBM App Platform

[shabnammayel]

Here is the updated quote from Oracle:
"Oracle remains committed to the success of Jakarta EE and is pleased with its progress and community support. We are contributing to the projects and the committees and are leveraging the technologies in Oracle Enterprise Cloud Native Java products."

• Tom Snyder, VP of Engineering, Oracle Enterprise Cloud Native Java

[shabnammayel]

@ericpoirier we would like to create a similar page to the resource page here https://projects.invisionapp.com/share/AX10M9QL74RN#/screens/448585119 for the "Community" and "Specification" dropdown in the navigation bar so that all the link would land and be anchored to this page first instead of going to the third party website. The objective is to keep the traffic within the Jakarta EE website before driving it to an external page. The boxes content should be the list that we hav on the "Community" and "Specification" dropdown for each of the pages. Please let me know if you need further information to get this going. thanks

[chrisguindon]

@ericpoirier We need to add the implementation of the blog section for Q4 that will allow staff and community to submit blog post via a PR. The look and feel should be based off /news.

Can you create a bug, if we don't already have one for that section and add it to list please?

However, it's not a must to implement the automation (#1037) that will be required to import posts from jakartablogs.ee in Q4.

If we have time this quarter, we should look into that but I don't consider the automation to be part of the deliverables for the Q4 redesign phase.

[ericpoirier]

Here is the updated quote from Oracle: "Oracle remains committed to the success of Jakarta EE and is pleased with its progress and community support. We are contributing to the projects and the committees and are leveraging the technologies in Oracle Enterprise Cloud Native Java products."

• Tom Snyder, VP of Engineering, Oracle Enterprise Cloud Native Java

Hi @shabnammayel & @trulymobilenwp,

Sorry for the delay, can you review the updated testimonials here:

https://deploy-preview-1284--jakartaee.netlify.app/

Thanks.

[shabnammayel]

Both quotes look good to me @ericpoirier! Thanks

[shabnammayel]

Actually for consistency, can you please remove the hyphen on Cloud-native in IBM's quote? thanks

[ericpoirier]

Actually for consistency, can you please remove the hyphen on Cloud-native in IBM's quote? thanks

I updated the typo in all testimonials.

Please review:
https://deploy-preview-1295--jakartaee.netlify.app/

Let me know if there's anything else.

[shabnammayel]

Looks good! Thanks @ericpoirier

[shabnammayel]

@ericpoirier the Releases button in the navigation dropdown and also in the homepage under the "Get Started" section goes to Jakarta EE 9 release page. Please change them both to go to Jakarta EE 9.1 release page: https://jakarta.ee/release/9.1/. Thanks

[ericpoirier]

@ericpoirier the Releases button in the navigation dropdown and also in the homepage under the "Get Started" section goes to Jakarta EE 9 release page. Please change them both to go to Jakarta EE 9.1 release page: https://jakarta.ee/release/9.1/. Thanks

I updated the link here:
https://deploy-preview-1303--jakartaee.netlify.app/

I'll wait for your +1 before merging.

[shabnammayel]

+1 thanks Eric!

[ericpoirier]

+1 thanks Eric!

Merged

[chrisguindon]

@ericpoirier Can we close this issue?

[ericpoirier]

@chrisguindon I think we are done here. Just closed the remaining task that I think is also done.