Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Possible improvements to the first screen of the website #761

Open
roll opened this issue May 26, 2021 · 1 comment
Open

Possible improvements to the first screen of the website #761

roll opened this issue May 26, 2021 · 1 comment
Labels

Comments

@roll
Copy link
Member

roll commented May 26, 2021

Overview

Currently

It's nice and solid but might be not eye-catching for some users and it doesn't say anything about our work mostly so one can just close the site before reading about other stuff.

fd

Ideas

Toolbox -> Picture/Toolbox with our product stickers

This picture is abysmal but it shows the idea of an open toolbox with our products:

toolbox

Toolbox -> Carousel with our products

To use a carousel we might need to make the heading and the text at the left more prominent as the carouse "steals" the focus.

car

Here is a live example: https://fd-kpccp2eui-roll1.vercel.app/

package.json

"vue-carousel": "^0.18.0",

enhanceApp.js

export default ({ Vue, router, isServer }) => {
  if (!isServer) {
    const VueCarousel = require("vue-carousel").default;
    Vue.use(VueCarousel);
  }
  router.addRoutes(redirectList);
};

Home.vue

        <div class="box flex-1 mt-8">
         <carousel :perPage="1" :autoplayTimeout="5000" pagination-color="#ccc" autoplay loop>
            <slide>
              <img style="width: 100%" src="/img/home/slide-framework.png" />
            </slide>
            <slide>
              <img style="width: 100%" src="/img/home/slide-goodtables.png" />
            </slide>
            <slide>
              <img style="width: 100%" src="/img/home/slide-datahub.png" />
            </slide>
            <slide>
              <img style="width: 100%" src="/img/home/slide-creator.png" />
            </slide>
            <slide>
              <img style="width: 100%" src="/img/home/slide-package.png" />
            </slide>
          </carousel>
        </div>
@roll roll added the general label May 26, 2021
@lwinfree
Copy link
Member

I vote for a toolbox with our icons

@roll roll changed the title Possible improvements to the first screen Possible improvements to the first screen of the website Sep 12, 2022
@roll roll transferred this issue from frictionlessdata/website Sep 12, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
Status: No status
Development

No branches or pull requests

2 participants