Help create a good website for KDE Connect
Open, Needs TriagePublic

Description

In this task, we want to design a good website for KDE Connect

This is the current mockup.

Promo

We want to help design the site to make it easy to navigate so visitors can get a clear idea of what KDE Connect can do for them and how to reach what they want.

We also want the site to integrate with KDE's other sites visually (see below under VDG) and that it complies with KDDE's Branding policies (T9122).

What do we want a visitor to do on this site?

  • Download and start using KDE Connect
  • Discover and install plugins
  • Encourage them to develop their own plugins

[More]

VDG

Make it look like a KDE site, make it accessible, attractive and easy to navigate.

paulb created this task.Mar 14 2019, 9:24 AM

For starters, I think we could add a navbar at top for better UX of the landing page

davidre added a subscriber: davidre.EditedMar 15 2019, 10:14 AM

I don't like the content moving relative to the background while I'm scrolling. Feels weird to me. The same for the background moving in the direction I'm scrolling feels like it's fighting me.

I'm a bit confused about the plugins part. While the features are technically all implemented in plugins this is an implementation detail that shouldn't be exposed to the user. It's not supported (on Android not even possible) to develop and distribute third-party plugins. The only way to create new functionality is by contributing directly to the project

paulb added a comment.EditedMar 15 2019, 10:29 AM

I would say you should organise the creation of your site like this

  1. Decide what content you want. You decide that by asking yourself what you want visitors to do on your site
  2. Decide where the content should go by grouping related content together and deciding what page each group should go on and the order it should be shown
  3. Number 2 will give you the pages you need, and you can structure the pages with the menu: what goes on the landing page, what is the second item, what the third, and so on
  4. Beautify everything: make the look and feel of the clear and agreeable and consistent from page to page

So, the first question you should answer is: What do you want visitors to do? (It can be more than one thing)

e_g1gor removed a subscriber: e_g1gor.
e_g1gor added a subscriber: e_g1gor.
ognarb added a subscriber: ognarb.Nov 11 2019, 1:01 PM

https://kde.org/plasma-desktop#kde-connect now feature a section about KDE Connect. Maybe we should improve this section instead of creating a new website?

https://kde.org/plasma-desktop#kde-connect now feature a section about KDE Connect. Maybe we should improve this section instead of creating a new website?

On the other hand, kde-connect is not part of Plasma and there are use cases outside it (thanks also to a GNOME Shell plugin).
That does not mean that it could have its own page (without a specific website).

iamsr added a subscriber: iamsr.EditedDec 8 2019, 4:59 PM

Hi @ognarb and @brute4s99,

I am willing to participate in Season of KDE 2020 with a proposal based on this project. I have worked on such a project for a company before, where I used Django for backend and JS, HTML, CSS (Bootstrap) for frontend. A sample of my work is my own site.

I couldn't find a way to talk to you directly, hence landed up being a part of this thread. I just wanted to seek some advice for the proposal.

Also, is there any way I could direct message you guys?

arjunth added a subscriber: arjunth.Dec 9 2019, 4:20 AM

I would like to work on this project as a part of Season of KDE 2020. I am comfortable currently with html , css and bootstrap. I would like to talk to mentors directly about my ideas and proposal. Anyway I can contact you and talk about some prototypes personally. I am good at design too. You can check out a personal site I worked on recently arjunth2001.github.io . I would also like to share with you some prototypes that I am planning to work on before submitting my proposal as I am free right now due to winter break in college. I would also like to know if I can add some other website ideas to the proposal.

Thanks a lot.

ssharmaaditya added a subscriber: ssharmaaditya.EditedDec 9 2019, 8:54 AM

Hi @ognarb and @brute4s99 . I am also interested in this project and expressed my interest regarding this in the telegram group of kde connect. I have experience with JavaScript and also shared my Github profile with you earlier.

Hey! I'm Jaidev and looking forward to contributing to this website. I agree with @paulb and feel the best way to build the website would be a content-first approach. Further, to build on the idea at https://kde.org/plasma-desktop#kde-connect , think demonstrations are key to increasing the userbase. I like the idea of including images and maybe even gifs that demonstrate the use of 'connect' in mobile-laptop SVG's. What do you think?

Hi, I'm Vipul Chhabra and I'm willing to participate in SOK2020 on this project. I have worked on a similar project with few firms one of it can be found here(This website is currently controlled by the institute and they have uploaded large images and It may take more time to load). I'm also currently working on the website for the fest of our college. I have prior experience with front-end frameworks like React.Js and few libraries like EJs etc. I also agree with @paulb idea and feel that it's a nice approach to create any static website.

nik-gautam added a comment.EditedJan 1 2020, 7:20 PM

Hi... I'm Nikhil Gautam and I would love to get involved in this project via SOK2020. I have a good experience with js, HTML and CSS. Some similar projects that I have worked on are College Alumni Website, The Booker Club Project(under construction), also this and also I have working on the backend APIs of our college fest (repos of this are currently private). I also have fluent knowledge of Node.js, Angular and Django.

Also, I took the liberty of designing my version of KDE Connect's website (currently I am working on prototyping it in Figma, so could only render this image only... sorry) click here