Utopian.io: Landingpage Update (Contributor Report #8)

in #utopian-io8 years ago (edited)

cover.png

The utopian.io landingpage has finally reached a state that can be considered final... for now... kind of... well, not really but there are some notable changes. @elear moved it to it's public domain http://join.utopian.io a few days ago already but the last changes were integrated just yesterday. Here's my summary of what has changed over the last 100 commits since my last report.

Copywriting

First of all I want to say thank you to @imwatsi who proof-read and improved all the texts and wrote very professional new ones for all the categories and the FAQ for example. I know what a hard task it can be to organize information to be meaningful but short and understandable. @imwatsi, you did a great job! :)

Contributions

The projects section now also shows the top contributions for the selected project, to bring the contributions a bit more into focus.

ezgif-4-0f417eace4.gif

To be honest the relevant code got a bit messy because I had a hard time making jQuery, the Slick carousel plugin, animations and VueJS work together. Maybe someone wants to work on this while I need some time for other things.

https://github.com/utopian-io/utopian-io-landingpage/issues/25

https://github.com/utopian-io/utopian-io-landingpage/commit/60fd2203f0900cf74e1112d4261cbef1dfac722b

Project owners

The project owners section wasn't there the last time I posted, so I have to mention it. :D

forprojectowners.png

However, I think this section will be subject to more changes as there will be more tools and opportunities for project owners in the future. We'll see.

https://github.com/utopian-io/utopian-io-landingpage/commit/2a7c69892e8b7d02b44f4f26df0ea6b4be5de703

Rewards

The rewards are now nicely animated and continuously updated every 30 seconds. Feels even better now to look at these every increasing numbers! :D

rewards.gif

https://github.com/utopian-io/utopian-io-landingpage/commit/6e98cb2c0987ebc319d834ea5f6e1aee21c5d1e4

Style Changes

You might have noticed that the icons have changed. They are now the same as on utopian.io. Thanks @nelsonm for providing the images... but... wait... in the moment I'm writing this I realize that they are exactly the same as in the icon font used on utopian.io so maybe it would be better to use those instead of images. Maybe this will be part of a future performance update that is definitely needed in general.

icons.gif

https://github.com/utopian-io/utopian-io-landingpage/issues/26

Then those boxes look better now.

boxes.gif

The moderators carousel also changed a bit and the individual rewards are now shown instead of social media icons.

mods.gif

I just wonder why I didn't animate them.... maybe some day. :P

https://github.com/utopian-io/utopian-io-landingpage/commit/3289c5c21f4e2618274da793e863d4015044216d
https://github.com/utopian-io/utopian-io-landingpage/commit/acbd23e0326c4b973aeb64e31feec51b559d37fd

Footer

The social media icons are now actually linked. But there's something missing in the footer. Maybe it has something to do with the newsletter. I'll think about this... :D

footer.png

https://github.com/utopian-io/utopian-io-landingpage/commit/b5d3f3e70db0f64327a4eb73f4f4737b04757db7

Mobile Fixes

Last but not least I made some minor style fixes for small screens.

https://github.com/utopian-io/utopian-io-landingpage/commit/cda6c578bec2fc5a25e74e999bd6cc41db589d87

Translations

For the landingpage I think it's important to address as many people as possible by translating the content to as many languages as possible. I already integrated a language switcher which is currently disabled and I'm working on the German translation but their will be a separate post on this, calling for translators. I just need to finish some preparations.

Performance

The landingpage currently makes a ton of requests and could easily be improved performance-wise.

performance.png

Many of those requests are all the moderator's and contributor's profile images but for example all css and js files can be combined, images can be reduced in filesize and there are a lot more ways to make the page load faster.

https://developers.google.com/speed/pagespeed/insights/?url=join.utopian.io

https://github.com/utopian-io/utopian-io-landingpage/issues/27

Still not finished...

You see, there's still some work to do. Everyone's invited to help.

Also checkout @imwatsi's latest post about the coming help center:
https://busy.org/utopian-io/@imwatsi/the-official-utopian-help-center

You all can help on many fronts! ;)



Posted on Utopian.io - Rewarding Open Source Contributors

Sort:  

Thanks @mkt :)
It's a pleasure to work with you and @elear.

It's my pleasure, too. :)

Hey @mkt I am @utopian-io. I have just upvoted you at 8% Power!

Achievements

  • Seems like you contribute quite often. AMAZING!

Suggestions

  • Work on your followers to increase the votes/rewards. My vote is on the human input. Good luck!
  • Contribute more often to get higher and higher rewards. I want to see you often!
  • Wondering why other contributions got more? I introduced a competition factor. My vote is based also on how competitive the category used is.

Community-Driven Witness!

I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!

mooncryption-utopian-witness-gif

Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x

Thank you for the contribution. It has been approved.

You can contact us on Discord.
[utopian-moderator]

Superb teamwork!

Fantastic work, I really love the design.

This is getting better and better!!=)

Btw, how do you make the animated screen shots? They help a lot to explain :D

Thanks! I use Kazam for screen-capturing on Linux Mint 18 and ezgif.com to convert mp4 to gif.

oh!!! thank you!!:D

Coin Marketplace

STEEM 0.08
TRX 0.29
JST 0.035
BTC 108051.66
ETH 3778.37
USDT 1.00
SBD 0.58