frictionlessdata.io
frictionlessdata.io copied to clipboard
Possible improvements to the first screen of the website
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.

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 -> 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.

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>
I vote for a toolbox with our icons