Landing Page

[julieg18]

What Needs to be Done

• Add Storybook for reviews (I couldn't get it working but I'll investigate further once I finish the first iteration)
• Finalize logo
• Create image for social sharing and favicon(I created images with our current logo version for now)
• eslint doesn't appear to be working correctly 🤔

[aguschin]

Thanks a lot, @julieg18, the website looks awesome! 🔥
Two things I wanted to suggest:

1. Could we make this progress bar look like it changes in the process?
   
   E.g. we can quickly change the following values (sorry, text formatting is completely failing here).

24%|██                      | 2432/10000 [00:11<00:33, 230.00it/s]
51%|████               | 4636/10000 [00:23<00:21, 232.00it/s]
76%|██████        | 7568/10000 [00:33<00:10, 230.00it/s]
100%|████████| 10000/10000 [00:43<00:00, 229.00it/s]

2. When you first open a new code tab, it's expected that you'll see how text is typing. But when you already saw that and just trying to browse through the code tabs once again, it takes too long to wait IMO. In this case, it would be good to just show code, without typing it or, alternatively, type it very fast.

Or, we can always type code much faster and don't distinguish whether do you open the code tab for the first time or not. I previously thought that it's bad because people don't keep up with it (as in the case with the terraform website), but the amount of text is very limited in our case compared to theirs, so it may be fine to type everything quite fast. WDYT about this?

[aguschin]

One more idea: steps here compete too fast. In reality it would take at least few seconds for each one. Maybe small pauses between steps (need to look at this with pauses, but 0.5s-1s may be sufficient) will make this more realistic?

[julieg18]

Could we make this progress bar look like it changes in the process?

Yes, I'm planning to work on that next!

...Or, we can always type code much faster and don't distinguish whether do you open the code tab for the first time or not. I previously thought that it's bad because people don't keep up with it (as in the case with the terraform website), but the amount of text is very limited in our case compared to theirs, so it may be fine to type everything quite fast. WDYT about this?

Increasing the type speed makes sense to me! I'll increase the typing speed for now and we can alway implement increasing (or just showing code) after the user clicks on it at a later date.

One more idea: steps here compete too fast. In reality it would take at least few seconds for each one. Maybe small pauses between steps (need to look at this with pauses, but 0.5s-1s may be sufficient) will make this more realistic?

Sure, I'll increase the pauses after each step!

[julieg18]

I was hoping to make a working animated progress bar that moves but I realized that it would take some more time to get it done. So for now, I added multiple progress bars showing progress:

Screen.Recording.2021-11-30.at.10.17.35.AM.mov

[rogermparent]

Everything I'd consider a blocker is taken care of! Might be best to give others a chance to go over it first, but that's up to you.

[julieg18]

Ok, I added delays to the parts that @aguschin requested and the delays are random from 0.25s-0.5s. I also implemented the other requested changes :)

[aguschin]

Cool, @julieg18!

Few things I found:

1. First three lines have "7568/10000" - can we fix this?

2. On Safari Version 15.1 (17612.2.9.1.20) other items beside the first one are non-clickable for me
   

3. When you scroll down, three dots which hint that this is a terminal, disappear. Can we stick them to the top as with real-life terminal windows?

[aguschin]

Also, this section looks slightly different on Firefox 94.0.2 (64-bit) (notice more space between sections)

One minor thing - maybe move the terminal window up a bit, so the top on it would match the top of the text on the left? Maybe I'm overthinking stuff, so please ignore if you disagree :)

[julieg18]

@aguschin, thanks for spotting the bugs! I'll get right on it!

One minor thing - maybe move the terminal window up a bit, so the top on it would match the top of the text on the left? Maybe I'm overthinking stuff, so please ignore if you disagree :)

The terminal is centered vertically in the desktop version which is why it isn't touching the top:

But if you'd prefer the terminal being at the top, I can update the terminal to move to the top.

[0x2b3bfa0]

Awesome work! 🎉

It took me a while to realize that the four items on the left were interactive. 🙈 I was about to complain about “the tagline being smaller than the feature list” when I saw this issue and the actual purpose of that graphical element. 🤦🏼‍♂️

Also, it's just me, or the underscore could be a bit bolder and aligned with the base line?

Proposed

Current

[julieg18]

Also, it's just me, or the underscore could be a bit bolder and aligned with the base line?

Agreed! We're still deciding on what the site's official font is. Once we have this, I'll adjust the underscore to be thicker.

[julieg18]

Ok, we have our font (might be changed later) and I fixed all the bugs. Once we have the typeform link, we should be ready to deploy 🥳

[aguschin]

Thanks a lot, @julieg18! Website is 🔥
Please use this link: https://iterative-ai.typeform.com/to/FGyGIx45