Implement research homepage re-design

Submitted by Philippe Krief @pkriefrvi

Assigned to Christopher Guindon @cguindon

Link to original bug (#4374)

Description

We would like to reshape the research pages. Can we work on that this coming quarter and, maybe, provide a new version in 2022Q2. Thx

assigned to @cguindon

//cc @sgiacomoni2as @pkriefrvi

assigned to @sgiacomoni2as

@sgiacomoni2as @pkriefrvi

What is the status of this initiative? Is this something we plan to do this quarter? In order to implement a new version, we would need an approved design by end of 2022Q1.

added team:marketing team:webdev + 1 deleted label

changed due date to June 30, 2022

added Design label

@sgiacomoni2as @pkriefrvi are we still planning to work on this issue this quarter?

My team has an MBO about this, however, we don't have anything ready for us to implement.

I am concerned that we might not have enough time to complete this if we don't sort out the deliverables in the next week or two...

I am expected to report to Denis this week on MBO status. Please let me know if we plan to push this project to later and I will mark this MBO as POSTPONED.

Thanks!

It's in @mkokabi's backlog. I will give it a bump up in priority.

@sgiacomoni2as Will start working on it very shortly.

@pkriefrvi,

@sgiacomoni2as and I believe this task will be completed in early Q3. It's getting a bit late for my team to commit to getting this done before the end of the quarter when the designs are not approved yet.

It might still be possible to get this done by the end of June if the design are approved and delivered to us by end of the next week. (Assuming that we are not doing a major re-design.)

I will be able to give a better estimate once the design is done.

assigned to @zhoufang and unassigned @cguindon

added statetodo label

added stateblock label and removed statetodo label

added to epic &17 (closed)

marked this issue as related to #63 (closed)

mentioned in issue #63 (closed)

assigned to @zacharysabourin and unassigned @zhoufang

Please find attached including the visual assets.

ResearchPage.zip

Here is the link to XD mockup: https://xd.adobe.com/view/cc445e96-b4cc-4503-a83c-f6cfefce132d-9917/

This is for the homepage redesign?

@zacharysabourin If you think it's easier for you, let's treat these as 2 separate tasks:

1. Updating our project template (What you are currently working on).
2. Updating the homepage.

Sounds good. Thanks!

Yes, since there was a separate issue for the project templates, I thought this was for the homepage. My mistake.

We do have 2 issues with this! Perfect. I think the problem is the subject of this issue. I will re-purpose it to reflect that!

changed title from Redesign the Research webpages to Implement research homepage re-design

removed stateblock label

added statetodo label

assigned to @oliviergoulet and unassigned @zacharysabourin

added priorityhigh label

added severitylow label

changed due date to August 31, 2022

added MBO label

added statewip label and removed statetodo label

made the issue visible to everyone

mentioned in issue #65 (closed)

As far as this home page is concerned, we need to keep in mind that we would like to remove the GEMOC research consortium from the working group page and add it to the research page. This will make more sense to most of us, including the GEMOC leader.

My idea was to consider GEMOC as a research project and have it have its own tile. WDYT?

I think this is more of a question for Sharon C. I think the best way to handle this is to create a separate issue where we involved Sharon to discuss what we should do with Gemoc on our WG page.

I personally don't have a strong opinion but Sharon might! This way this decision is not a blocker to implementing the new re-design we, could do it right after publishing the homepage redesign.

WDTY @pkriefrvi?

I like your wisdom, mon Ami!

I created this issue #66 (moved) accordingly. Thx

mentioned in issue #66 (moved)

mentioned in merge request !68 (merged)

mentioned in issue eclipsefdn/it/webdev/solstice-assets#296

mentioned in issue eclipsefdn/it/webdev/solstice-assets#297 (closed)

mentioned in issue eclipsefdn/it/webdev/hugo-solstice-theme#251 (closed)

added stateblock label and removed statewip label

mentioned in issue eclipsefdn/it/webdev/solstice-assets#299 (closed)

mentioned in issue eclipsefdn/it/webdev/solstice-assets#305 (closed)

added statewip label and removed stateblock label

added statereview label and removed statewip label

Hey @mkokabi, @sgiacomoni2as

I have the redesign of the homepage here: https://deploy-preview-68--eclipsefdn-research.netlify.app/

@sgiacomoni2as I also set the newsroom resource section to display case studies, white papers, and market reports. Let me know if these are all the resource types you want to display here.

@oliviergoulet Looks good to me! Thanks!

Thanks a lot, @oliviergoulet for your work. The tiles suggested by @mkokabi look great !!!

Personally, I will remove from the tiles "Funding organizations: XXX" and "Project status: XXX". It doesn't really help the reading and we retrieve this information when we read more about the project.

I'm a little bit concerned by the size of some logos. I guess it can be fixed later by reshaping them? Correct? For example, I don't understand why the logo of Panorama looks so small compared to some others. Knowing most of these logos have 2 forms: a square one and a horizontal one, I might change some of them to horizontal.

After checking, I understand why Panorama looks so small: it is surrounded by a big white area... I will fix that later :-)

Regarding the filter: filtering on the name of the project is interesting but it will be more useful to filter on the main topics. What do you think @mjahn0qp ?

Thx again for your work, Olivier. Greatly appreciated

No problem @pkriefrvi!

I removed funding organizations and project status myself because it was code coming from a different repo (our component library, solstice-assets).

I agree, the logos look too small on the project cards. This is also a problem we have in other sites so I may look into fixing this without the need of replacing any images.

@oliviergoulet some of the resources from the newsroom aren't appearing. Can you make sure it's all types, with publish to research?

All resource types should be displaying now.

I'm still only seeing 3 resources. There should be 5 assets in the newsroom.

Ok it's definitely fixed now. It was missing the social media kits.

I went against the mockup and added subsections for each resource type. Having them all together with varying heights looked odd to me.

Let me know if this is a welcomed change.

@oliviergoulet can we keep all the resources in a single row? They don't fit the subsections as well for the research page, so I'd rather keep the type labels hidden.

Hi @oliviergoulet, I checked https://deploy-preview-68--eclipsefdn-research.netlify.app/ and found no changes. Do you have another link for me?

• Btw, I also noticed that "REPAIRNATOR", because it does not have its own logo, appears as if an image is missing. In that case, could you use the default Eclipse Project Incubation logo instead?

• I'm still waiting to see what the new logos look like. If they are still too small, I might ask you to increase the font size of their name at the top of the tiles. WDYT?

Thx a lot