search

canonical / jaas.ai

Juju as a service
https://jaas.ai/
7 stars 29 forks source link

Landing page redesign #732

Closed chillkang closed 11 months ago

chillkang commented 11 months ago

Done

QA

Notes

Issue / Card

webteam-app commented 11 months ago

Demo starting at https://jaas-ai-732.demos.haus

AnnSoMuller commented 11 months ago

Hi Seulkee! Thanks! I have few comments :)

  1. on the "Add visibility, auditing and compliance controls to your Juju deployment"
    • the screens should be different on the different steps (you can find them in the copy doc
    • here Screenshot 2023-10-05 at 10 55 41

      You can put the description below the title on le left so that there is no 50-50 split (and the title is not on 2 or 3 lines)

  2. The logos in the "Deploy and manage charms across public clouds, Kubernetes and VMs" should be aligned with the text on the right (50/50 split) Screenshot 2023-10-05 at 12 03 53
AnnSoMuller commented 11 months ago

hello,

here may latest comments :) Screenshot 2023-10-05 at 16 45 41 for better screenshots, maybe we can ask @vladimir-cucu Thanks!

Lukewh commented 11 months ago

3 questions regarding the screenshots:

  1. Why are they all so blurry? 👓
  2. Why is the first one a SVG?
  3. The search and filter one looks broken, would be good to have it on some kind of background so it's the same size as the others?

On issue: If you click on one of the "tabs" in the "Add visibility, auditing and compliance controls to your Juju deployment" section, the "Previous" and "Next" buttons don't update

AnnSoMuller commented 11 months ago

Thanks @chillkang Last thing: put the text below the title, sorry if it wasn't clear. I have made a screenshot

Screenshot 2023-10-10 at 08 46 01

Thanks!

AnnSoMuller commented 11 months ago

@chillkang
Thanks for all changes All good for me! :)

massigori commented 11 months ago

Some comments form me and Gloria:

  1. The way the lines interrupt the text in the What is Jaas? section is weird. Visually, it's harder to see this is a list of related things because of that
  2. The BT logo in the logo wall might appear in weird positions for certain horizontal window sizing
  3. As mentioned in the in the jaas.ai webpages the logos in the Deploy and manage charms across public clouds, Kubernetes and VMs section are supposed to be arranged in a way that can signal at a glance that we deploy on bare metal, VMs and k8s. The current organisation with the Ubuntu logo and the top and then the rest makes relatively little sense to me
  4. The header is missing the blog link to be consistent with the one on juju.is
lyubomir-popov commented 11 months ago

1) I agree, this layout is better suited to larger sections with a title and a long paragraph. Here, best to just stack them one after the other in a 50/50 layout 2) This is an inline list - the position depends on the available width, on smaller screens the list of logos wraps. Not sure what is expected? 3) Please provide more information on the grouping that would signal what is described above. Logos cna be grouped in 3 sections potentially.

AnnSoMuller commented 11 months ago
  1. I agree with Lyubo
  2. Not sure what "weird" position means neither for the BT logo, a screenshot might help
  3. in the Deploy and manage charms across public clouds, Kubernetes and VMs section, Should all logos then be on the right side?
lyubomir-popov commented 11 months ago

@chillkang the first one - to be more specific, I was proposing something like thisd - with muted hrs (hr.p-rule.is-muted): image

You can see how I've done it here (code here at the bottom )