Some Eclipse Foundation services are deprecated, or will be soon. Please ensure you've read this important communication.

Bug 573350

Summary: Create Eclipse IDE 2021-06 landing page
Product: Community Reporter: Shanda Giacomoni <shanda.giacomoni>
Component: WebsiteAssignee: Eric Poirier <eric.poirier>
Status: RESOLVED FIXED QA Contact:
Severity: normal    
Priority: P3 CC: chris.guindon, eric.poirier, frederic.gurr, jacob.harris, jonah, lshanmug, mehrnaz.kokabi, nobody, wayne.beaton
Version: unspecified   
Target Milestone: ---   
Hardware: PC   
OS: Windows 10   
See Also: https://git.eclipse.org/r/c/www.eclipse.org/eclipse.org-common/+/180700
https://git.eclipse.org/r/c/www.eclipse.org/eclipse.org-common/+/180726
https://git.eclipse.org/r/c/www.eclipse.org/eclipseide/+/180729
https://git.eclipse.org/r/c/www.eclipse.org/eclipseide/+/180736
https://git.eclipse.org/c/www.eclipse.org/eclipseide.git/commit/?id=7aa539841b1b253a314294a8de0c9902ee18aec8
https://git.eclipse.org/c/www.eclipse.org/eclipse.org-common.git/commit/?id=c1414d0953e5aeac0a3b83b31124945e4438d2bd
Whiteboard:
Bug Depends on: 574055    
Bug Blocks:    
Attachments:
Description Flags
IDE-2021-06-optionA
none
IDE-2021-06-optionB
none
Images and assets
none
links screenshots/mockup
none
More accessible option for button
none
icons
none
Not Eclipse IDE
none
Screen Shot for adjusting the banner size
none
Eclipse-IDE-Banner
none
Free and open source icon
none
Features Icons
none
Landing Page Content
none
icon none

Description Shanda Giacomoni CLA 2021-05-04 09:43:21 EDT
We need to create a new page for the Eclipse 2021-06:
https://www.eclipse.org/eclipseide/

We have mocked up two options that align with the 2021 look of the splash screen. Please see options A & B and provide any feedback. (Note that placeholder content is included in the mockups, the actual content will be drafted in the coming weeks)
Comment 1 Shanda Giacomoni CLA 2021-05-04 09:43:55 EDT
Created attachment 286308 [details]
IDE-2021-06-optionA
Comment 2 Shanda Giacomoni CLA 2021-05-04 09:44:27 EDT
Created attachment 286309 [details]
IDE-2021-06-optionB
Comment 3 Eric Poirier CLA 2021-05-04 11:16:23 EDT
Hi Shanda,

To me the buttons in the jumbotron looks like bullet lists. I think it would be better to make them either buttons or at least underlined so that it looks like something that we can click on. Other then that, I don't know if its intended but there a background colour in the Video section that doesn't seem to take all the space. The images used in the stats and footer sections seems a bit pixelated, just want to make sure this is intended as well. Other than that I think its good.
Comment 4 Mehrnaz Kokabi CLA 2021-05-05 12:54:53 EDT
Hi Eric,
Thanks for your comments. Absolutely right, those images that you saw is for mockup with low res quality. Please find attached the high res assets for production, and let me know if you need any other assets.
Comment 5 Mehrnaz Kokabi CLA 2021-05-05 12:55:30 EDT
Created attachment 286328 [details]
Images and assets
Comment 6 Christopher Guindon CLA 2021-05-05 16:02:17 EDT
I am proposing the following timeline for this project:

1. Content mostly done & design finalized by May 21. 
2. Implementation from May 24 - June 4.
3. Revisions and testing from June 7-11.
4. Release day:	Wednesday, June 16, 2021.
Comment 7 Mehrnaz Kokabi CLA 2021-05-10 08:42:22 EDT
Created attachment 286346 [details]
links screenshots/mockup

button - links screenshots/mockup
Comment 8 Mehrnaz Kokabi CLA 2021-05-10 10:41:32 EDT
Created attachment 286347 [details]
More accessible option for button

More accessible option for buttons
Comment 9 Shanda Giacomoni CLA 2021-05-12 09:17:26 EDT
Any feedback on the header image? If there is no feedback by May 14, we will go ahead with Option A.
Comment 10 Eric Poirier CLA 2021-05-12 09:29:04 EDT
(In reply to Shanda Giacomoni from comment #9)
> Any feedback on the header image? If there is no feedback by May 14, we will
> go ahead with Option A.

Hi Shanda,

I personally don't have a strong opinion between the 2 options. I think both looks good. One thing to note is that I might have to add some shadow to the menu items as the test is white and the background is sometimes whites at the top. I'll have to figure something out for accessibility.
Comment 11 Eric Poirier CLA 2021-05-17 08:38:33 EDT
(In reply to Shanda Giacomoni from comment #9)
> Any feedback on the header image? If there is no feedback by May 14, we will
> go ahead with Option A.

I'm starting to work on this page today, I will be using Option A as there was no comments.
Comment 12 Mehrnaz Kokabi CLA 2021-05-17 13:30:40 EDT
Created attachment 286400 [details]
icons
Comment 13 Wayne Beaton CLA 2021-05-17 14:30:28 EDT
Both options show the contents of the screen. In both options, the screens are displaying something that is not the Eclipse IDE.
Comment 14 Eric Poirier CLA 2021-05-17 14:56:06 EDT
(In reply to Wayne Beaton from comment #13)
> Both options show the contents of the screen. In both options, the screens
> are displaying something that is not the Eclipse IDE.

Not sure I understand your comment Wayne?
Comment 15 Eclipse Genie CLA 2021-05-17 15:06:14 EDT
New Gerrit change created: https://git.eclipse.org/r/c/www.eclipse.org/eclipse.org-common/+/180700
Comment 16 Wayne Beaton CLA 2021-05-17 17:10:30 EDT
Created attachment 286401 [details]
Not Eclipse IDE

The highlighted bit in the attachment looks like a screen to me. That screen appears to be showing text only. It's less obvious, but the lower right edge of the corner of the monitor that we can see (what looks like a Mac) appears to also just be displaying a bunch of text.
Comment 17 Eric Poirier CLA 2021-05-18 08:11:17 EDT
(In reply to Wayne Beaton from comment #16)
> Created attachment 286401 [details]
> Not Eclipse IDE
> 
> The highlighted bit in the attachment looks like a screen to me. That screen
> appears to be showing text only. It's less obvious, but the lower right edge
> of the corner of the monitor that we can see (what looks like a Mac) appears
> to also just be displaying a bunch of text.

Ah Ok got it. Thanks for the clarification.

I'll differ that to the marketing team. If this is something you would like to update, just let me know and i'll change the jumbotron image.
Comment 18 Eclipse Genie CLA 2021-05-18 08:38:15 EDT
New Gerrit change created: https://git.eclipse.org/r/c/www.eclipse.org/eclipse.org-common/+/180726
Comment 19 Eric Poirier CLA 2021-05-18 08:41:41 EDT
(In reply to Wayne Beaton from comment #16)
> Created attachment 286401 [details]
> Not Eclipse IDE
> 
> The highlighted bit in the attachment looks like a screen to me. That screen
> appears to be showing text only. It's less obvious, but the lower right edge
> of the corner of the monitor that we can see (what looks like a Mac) appears
> to also just be displaying a bunch of text.

Also one thing that I noticed by looking at Wayne's screenshot more closely, we can see that there seems to be 2 images on top of one another. Not sure but I don't think this is something that is intended in the design?
Comment 20 Eclipse Genie CLA 2021-05-18 08:59:23 EDT
New Gerrit change created: https://git.eclipse.org/r/c/www.eclipse.org/eclipseide/+/180729
Comment 21 Eric Poirier CLA 2021-05-18 09:04:06 EDT
In the meantime, here is a preview of where i'm at with the 2021-06 page.

https://staging.eclipse.org/eclipseide/2021-06/

username: testuser
password: plaintext

Let me know if there's anything you'd like to change/update.

Thanks!
Comment 22 Mehrnaz Kokabi CLA 2021-05-18 10:12:14 EDT
Hello,

Thank you for your help. It looks good just need some adjustment please:

1- The banner image tend to be a hero banner with 1800 in 900 height px, as you can see it got cut and accordingly found some accessibility issues on the nav section. please refer to the screenshot. 

2- If possible, I also requested for using a colour bar instead of buttons with rollover/mouseover functionality. So there will be buttons but looks like a bar at a first glance. Following your feedback last week on links, and bullet points I made these changes and shared an screenshot.

So the first fold would be filled with a hero banner and a blue bar.
3- Also please consider consistent margin between sections all over the page. they are not consistent.


In case, It seems you have access to XD now so I am sharing the development. link: 

https://xd.adobe.com/view/c95adbf1-6ee9-4306-82bc-0fc89f800956-9c09/

Also I appreciate Wayne's feedback. Need to add it it has not meant to be IDE within that screen this just create a pattern/background that provide a sense of Developer's working environment. But will include your input and update the banner shortly.
Comment 23 Mehrnaz Kokabi CLA 2021-05-18 10:14:58 EDT
Created attachment 286412 [details]
Screen Shot for adjusting the banner size

Please review the Screen Shot and adjust the banner height.
Comment 24 Mehrnaz Kokabi CLA 2021-05-18 10:25:37 EDT
Created attachment 286413 [details]
Eclipse-IDE-Banner
Comment 25 Mehrnaz Kokabi CLA 2021-05-18 10:27:02 EDT
As per Wayne's comment please find attached banner.
Comment 26 Eclipse Genie CLA 2021-05-18 10:57:58 EDT
New Gerrit change created: https://git.eclipse.org/r/c/www.eclipse.org/eclipseide/+/180736
Comment 27 Eric Poirier CLA 2021-05-18 11:02:40 EDT
(In reply to Mehrnaz Kokabi from comment #25)
> As per Wayne's comment please find attached banner.

I updated the banner on staging but I'm noticing that in the image you provided, it looks like blue blocks are overlapping the picture. Not sure if it's intended or not?
Comment 28 Eric Poirier CLA 2021-05-18 11:03:08 EDT
(In reply to Eric Poirier from comment #27)
> (In reply to Mehrnaz Kokabi from comment #25)
> > As per Wayne's comment please find attached banner.
> 
> I updated the banner on staging but I'm noticing that in the image you
> provided, it looks like blue blocks are overlapping the picture. Not sure if
> it's intended or not?

Here's the link to staging:

https://staging.eclipse.org/eclipseide/2021-06/
Comment 29 Jacob Harris CLA 2021-05-19 08:57:28 EDT
We're expecting the landing page content to come in by Friday. I will post it here when it is finished.
Comment 30 Jacob Harris CLA 2021-05-21 08:46:54 EDT
Are we still planning on using Font Awesome for the icons in the new features section?
Comment 31 Eric Poirier CLA 2021-05-21 09:08:30 EDT
(In reply to Jacob Harris from comment #30)
> Are we still planning on using Font Awesome for the icons in the new
> features section?

So far I'm using the icons that was provided by Mehrnaz. Haven't heard a plan to change that?

One thing I would like to make sure, is that we have the rights to use the icons that she provided.
Comment 32 Mehrnaz Kokabi CLA 2021-05-21 13:49:07 EDT
Created attachment 286434 [details]
Free and open source icon

Please use this icon for Free and Open source
Comment 33 Jacob Harris CLA 2021-05-21 14:52:26 EDT
Created attachment 286435 [details]
Features Icons

Here are the icons for the new features section
Comment 34 Jacob Harris CLA 2021-05-21 14:55:18 EDT
Created attachment 286436 [details]
Landing Page Content

Landing page copy. Please ignore the "icons" column, since those were added as a separate attachment
Comment 35 Eric Poirier CLA 2021-05-21 15:19:53 EDT
I updated the content and icons on staging.

https://staging.eclipse.org/eclipseide/2021-06/

Let me know if there's anything else.

Thanks!
Comment 36 Lakshmi P Shanmugam CLA 2021-05-24 12:23:20 EDT
The <New and Noteworthy> button and https://staging.eclipse.org/eclipseide/2021-06/noteworthy/ page still points to 2021-03 content.
Comment 37 Eric Poirier CLA 2021-05-25 09:59:55 EDT
(In reply to Lakshmi P Shanmugam from comment #36)
> The <New and Noteworthy> button and
> https://staging.eclipse.org/eclipseide/2021-06/noteworthy/ page still points
> to 2021-03 content.

Hi,

Thanks for pointing this out.

I updated this on staging.
Comment 38 Jacob Harris CLA 2021-05-25 15:52:45 EDT
Staging looks good. On the New and Noteworthy page, can we change the text to "seventy participating projects" ? Thanks
Comment 39 Eric Poirier CLA 2021-05-25 16:22:01 EDT
(In reply to Jacob Harris from comment #38)
> Staging looks good. On the New and Noteworthy page, can we change the text
> to "seventy participating projects" ? Thanks

I updated the N&N page on staging.

https://staging.eclipse.org/eclipseide/2021-06/noteworthy/

Let me know if there's anything else.

Thanks.
Comment 40 Christopher Guindon CLA 2021-05-28 13:13:32 EDT
I did a quick update to the banner.

I am setting the background-position to `top`. 

This seems to improve the positioning of the person in the banner since her face would crop depending on the size of the screen.
Comment 41 Shanda Giacomoni CLA 2021-05-31 08:42:26 EDT
I'm not seeing the Download, Other Packages or Donate buttons at the bottom of the banner. Is this still being working on?
Comment 42 Shanda Giacomoni CLA 2021-06-09 08:21:34 EDT
@chris The staging site is giving me an error message saying it's unable to load. With this launching next week, I was hoping to give it a final review and sign-off this week.
Comment 43 Eric Poirier CLA 2021-06-09 13:19:41 EDT
(In reply to Shanda Giacomoni from comment #42)
> @chris The staging site is giving me an error message saying it's unable to
> load. With this launching next week, I was hoping to give it a final review
> and sign-off this week.

Hi Shanda,

The page is now loading properly.

https://staging.eclipse.org/eclipseide/2021-06/

Yesterday we were doing some tests on staging for the ads we want to test on the home and downloads page which broke the eclipseide page because there's a needed change to one of the repos that got overwritten by the tests.

Let me know if you have any questions.

Thanks.
Comment 44 Shanda Giacomoni CLA 2021-06-09 13:47:52 EDT
Below the subhead there is the date "June 16, 2021". Do we just include this until the release is out? Because it's not in the designs and doesn't have much in terms of context. 

And bumping the issue below:
(In reply to Shanda Giacomoni from comment #41)
> I'm not seeing the Download, Other Packages or Donate buttons at the bottom
> of the banner. Is this still being working on?
Comment 45 Eric Poirier CLA 2021-06-09 14:12:20 EDT
(In reply to Shanda Giacomoni from comment #44)
> Below the subhead there is the date "June 16, 2021". Do we just include this
> until the release is out? Because it's not in the designs and doesn't have
> much in terms of context. 
> 
> And bumping the issue below:
> (In reply to Shanda Giacomoni from comment #41)
> > I'm not seeing the Download, Other Packages or Donate buttons at the bottom
> > of the banner. Is this still being working on?

The buttons will show up at the time of the release next week and will replace the "June 16, 2021" text. we could update the text if you feel like it needs more context.
Comment 46 Shanda Giacomoni CLA 2021-06-09 14:15:06 EDT
(In reply to Eric Poirier from comment #45)
> The buttons will show up at the time of the release next week and will
> replace the "June 16, 2021" text. we could update the text if you feel like
> it needs more context.

Thanks for the explanation. No further edits from me. 

@jacob any final content updates before this goes live?
Comment 47 Jacob Harris CLA 2021-06-10 14:17:47 EDT
https://staging.eclipse.org/eclipseide/2021-06/ Staging isn't working for me again. But as I recall the content was good to go live.
Comment 50 Jacob Harris CLA 2021-06-11 13:06:04 EDT
Created attachment 286576 [details]
icon

It looks like we're using the same icon for IMPROVED JAVA DEVELOPMENT TOOLING
 and IMPROVED EMBEDDED TERMINAL. I've attached the correct icon for IMPROVED EMBEDDED TERMINAL here
Comment 51 Eric Poirier CLA 2021-06-14 10:55:31 EDT
(In reply to Jacob Harris from comment #50)
> Created attachment 286576 [details]
> icon
> 
> It looks like we're using the same icon for IMPROVED JAVA DEVELOPMENT TOOLING
>  and IMPROVED EMBEDDED TERMINAL. I've attached the correct icon for IMPROVED
> EMBEDDED TERMINAL here

I updated the icon on production.

https://www.eclipse.org/eclipseide/2021-06/

Let me know if there's anything else before the release.

Thanks.
Comment 52 Jacob Harris CLA 2021-06-14 15:18:44 EDT
There are just a few small things:
- THE ECLIPSE IDE DELIVERS WHAT YOU NEED TO RAPIDLY INNOVATE. -> does not need a period

- "Learn more" and "Get involved" button headings should be capitalized as "Learn More" and "Get Involved" ; Delete colon (:) from "Learn More" ; Delete period from "A vast ecosystem of plugins from an active community." 


Thanks!
Comment 53 Eric Poirier CLA 2021-06-15 07:55:59 EDT
(In reply to Jacob Harris from comment #52)
> There are just a few small things:
> - THE ECLIPSE IDE DELIVERS WHAT YOU NEED TO RAPIDLY INNOVATE. -> does not
> need a period
> 
> - "Learn more" and "Get involved" button headings should be capitalized as
> "Learn More" and "Get Involved" ; Delete colon (:) from "Learn More" ;
> Delete period from "A vast ecosystem of plugins from an active community." 
> 
> 
> Thanks!

Hi Jacob,

I updated the 2021-06 page based on your comments.

https://www.eclipse.org/eclipseide/2021-06/

Let me know if there's anything else.

Thanks.
Comment 54 Jacob Harris CLA 2021-06-15 10:14:42 EDT
Looks good. Thanks!
Comment 55 Jacob Harris CLA 2021-06-16 10:59:33 EDT
Link to Holger's video (Under "Code Meets Community" section)

https://www.youtube.com/watch?v=nhDN0L1_fII
Comment 56 Eric Poirier CLA 2021-06-24 08:39:47 EDT
I think we can now close this bug since the release was last week.

Let me know if there's anything else to be done.

Thanks.