Improve the design for Otter presentation page

[mghenciu]

https://demo.themeisle.com/otter-blocks/

[mghenciu]

Implementation finished >> https://demo.themeisle.com/otter-blocks/ The landing Page previews some of the most important blocks >> https://demo.themeisle.com/otter-blocks/landing/ I also added a link to Neve.

Thank you for the design @JohnPixle & if you have any input on this, please let me know.

cc. @HardeepAsrani

[HardeepAsrani]

Looks great to me. Any feedback @selul?

[JohnPixle]

Great work here @mghenciu, really love the blocks page too. I did not mention in slack, but the only one thing I spotted that hit my eye, is the line height of the intro text below the title:

I love the fact that you use the native text sizes from the sidebar, but unfortunately they neglect the line height. If you simply add this in the customiser: .has-medium-font-size { line-height: 1.5; }

it should look better.

Nothing more to add other than that, it's pure perfection, thanks for the update.

[selul]

Love it, I was wondering Mihai if this won't make more sense in the themeilse.com site directly and we keep only the current header of the main site with the new design?

[mghenciu]

We can do that, @selul .

But I wouldn't delete this one. As the main reason we redesigned this one, is because it ranks pretty good on Google, and the previous design was outdated/not working as expected + we added some references to Neve.

[selul]

@ineagu is there any bad if we redirect that to the themeisle page once ready?

[selul]

@mghenciu also we have a staging site for themeisle.com and I can invite you there to add the new page.

[ineagu]

it's ok to redirect

On Fri, May 7, 2021 at 1:18 PM Marius Cristea @.***> wrote:

@ineagu https://github.com/ineagu is there any bad if we redirect that to the themeisle page once ready?

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/Codeinwp/otter-blocks/issues/447#issuecomment-834324091, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAODUDCHF5EBF6N5Q4X2CN3TMPLDDANCNFSM42SNRKTQ .

-- Ionut Neagu http://themeisle.com | http://codeinwp.com | http://ionutn.com

[mghenciu]

@mghenciu also we have a staging site for themeisle.com and I can invite you there to add the new page.

Sure, invite me when you have time.

[selul]

Invited you

[HardeepAsrani]

Should we also have a reference to Templates Patterns Collection like we do for Neve? Or maybe it can just be a reference in that Neve section as people using Neve will most like use that plugin too.

Great work @mghenciu. ❤️ :hear

[selul]

@HardeepAsrani we are preparing a new set of pages for Neve and we will include there a section for TPC

[mghenciu]

The pages are ready on themeisle-staging, @selul: Otter presentation - https://staging-frontend.themeisle.com/otter-blocks-2/ landing page - https://staging-frontend.themeisle.com/otter-landing/

It may be a good idea to disable the Footer (if possible) on this 2 pages, as it looks better without it +there is some CSS that pulls the footer over the last bottom-section.

This is how it looks now when the margin is pulled over:

On displays bigger than 1199px

And this is how it would look without the Footer:

Other than that, everything works as expected.

[selul]

can we experiment with hiding that section using conditional headers?

also, @mghenciu do you have time to establish a similar page for orbitfox, is not urgent. It should include only features limited to and nothing more:

• Privacy policy notice ( GDPR friendly )
• Elementor Addons and Widgets (Forms included)
• Beaver Builder Widgets
• Sharing module
• Menu icons module
• Free stock photos module
• Header/Footer scripts
• Custom fonts

[mghenciu]

can we experiment with hiding that section using conditional headers?

@selul , Are you referring to hide the Footer using conditional headers? I am not sure that's possible, and the footer itself it's a combination of Widgets with something else.

For the Orbitfox, yes - I can do that. Should it be also one Presentation Page & one Demo page with components mentioned above? or just a Single Page with presentation including the components

[selul]

@selul , Are you referring to hide the Footer using conditional headers? I am not sure that's possible, and the footer itself it's a combination of Widgets with something else.

Sorry, I was wrong, I have confused conditional headers with footer lol, my bad. The thing that bothers me is that we basically don't hide the footer at all, only that particular section, we still have the last row with menu and etc.

Will think about something.

Should it be also one Presentation Page & one Demo page with components mentioned above?

Just a single page should be enough.

Thanks, Mihai !

[mghenciu]

I finished the presentation page design for OrbitFox, in Figma. Let me know your thoughts, @selul & @JohnPixle , when you have time.

[selul]

@mghenciu looking good, we can proceed with the implementation on the themeisle staging.

[mghenciu]

Thanks for the reply @selul. I'll start as soon as we'll find a fix, with @HardeepAsrani , for the Elementor issue on Staging site.

[selul]

@mghenciu also just a note here that we need those pages in gutenberg being built, not elementor

[mghenciu]

Got it @selul . Thanks for the heads up.

[JohnPixle]

Sorry @mghenciu , I thought I had commented days ago on this, the design is great, solid work! I probably never clicked the green button to publish the comment :P !

[mghenciu]

No worries @JohnPixle ✌️ It was pending, because I thought the page will use Elementor.

I'll get back soon with the Live Gutenberg version.

[mghenciu]

The Orbit Fox page is Done! https://staging-frontend.themeisle.com/orbitfox

And I tried to design the waves in a way that would make them look good on a regular screen, but also Ultrawide displays:

[selul]

both of them are live now: https://themeisle.com/plugins/orbit-fox-companion/ https://themeisle.com/plugins/otter-blocks/

[mghenciu]

both of them are live now: https://themeisle.com/plugins/orbit-fox-companion/ https://themeisle.com/plugins/otter-blocks/

Thanks @selul !

I think there may be a small issue with Testimonials section, Orbitfox page - the left image is too big (200px) compared to the right one (80px):

So I've added now a new image 80x80px on staging, and it should be fine now.