I hope this is an ok topic to post this in. I didn't find much else pertaining to website discussion.
(TL;DR - I'm suggesting a Donate button next to porter/maintainer names on each Devices page of the website.)

Recently I tried to donate to my device's porter, and found it hard to find how to do so. I tracked down his Paypal eventually, but it took some searching, and it might not be possible to find some porters.
I thought if there were a Donate button on the website, similar to how there's an option on the OpenStore to donate to the app's developer, it might both remind people to donate, and make it easier to do so.
I asked about this idea on Q&A #157 and Alfred and AppLee were both favourable toward it.

But of course this requires work, and I have no skills with websites. I imagine it would require reworking the Contributors section on the Devices pages, and enabling an optional donate button next to the names of any contributors who'd like donations and who provide a link to their patreon/libera/whatever.
It would get more complicated when there are many developers and maintainers. Who will the user donate to? Each of them? And is it weird if some of them request donations and others don't?
But to me, it's still better to have the option, even if there are complications.

Anyway, sorry to be making a suggestion with no way to help bring it about. But I wanted to float the idea out there, to keep our porters supported!

Thanks to all of the contributors @Kaizen @Lga @kingu and @flohack for managing our websites and releasing the new update.

P. S. All the content on the websites is available for changes and suggestions in Gitlab repos: https://gitlab.com/ubports/infrastructure/ubuntu-touch.io and https://gitlab.com/ubports/infrastructure/lomiri.com

Thanks to everyone that has contributed to the process of building the page, especially to @Kaizen for his original designs, @Lga for device images and @kingu for text review and improvements.

More updates will follow, check https://ubuntu-touch-dev.netlify.app/ if you'd like to get a preview of what is coming next.

First header cut to make the community picture look like a boat.

Help
Defend
Promote
Collaborate
Raise funds
Make roadmaps
Something to take from the first blurb. Foundation blurb still to painful.

One adapting environment.

No background for Halium logo
Screenshot simplified for UBPorts installer.

"A community persisted after Canonicals lead, keeping wheels turning and changing what matters."

Collapsible microblog screenshot.

Step it up with us. Come and say hello.

Lomiri comes preinstalled on Ubuntu Touch devices.

With less RAM
→ even on slower devices.
…

Available as Ubuntu preview images for desktops and laptops.

Install Lomiri

• No gray background (nor for donation background).

You deserve an alternative to limitations not even mobile device manufacturers should be beholden to.

Remove "together we carve"-line. It is morbid.

Work side by side a lively community

Work aside a lively community.

Work as one with the community.

Build reputation
Integrate employees with and hire community experts

Official support from

Blacker phone at "from the OpenStore"

Remove or move away pages not to be made now.

"Community" and "foundation" should logically be the same page.

"Promoted devices" - partner devices.
"Volla" "Fairphone" "Pine64"

These devices from trusted community and industry partners are reliable as daily drivers.
When you buy from partners you help development towards every single issue fixed.

Donations

"grateful for, to"

Better and simplified phone at main page, also tablet and PC,
combined, for both the environment and the device sizes.

Page 2, almost at the top "Ubuntu Touch"

"Take back control of your smartphone → Take back control of your device.
Even better:
→ "Take control of what should be your device." (This ties in with "Bring your device back to life")

Page 2, "UBPorts installer"

→ "Put a better operating system on your mobile device,
like Ubuntu Touch, and PostmarketOS on phones,
and AsteroidOS on smartwatches.""

Page 2, bottom "Halium"

"That for" → "for"

(possible "atop" here. The other one is "on top of a read-only file system")

Page 3, almost at the top

"We are here to help you at every step. Join and say hello" → "We are with you for every step. Join and say hello."

Page 7, almost top, "Ubuntu Touch apps" headline

→ "Apps on Ubuntu Touch"

"From the OpenStore"

→ "— you get apps that switch seam …

Page 7, bottom "Android apps"

"Run your favorite apps in Ubuntu Touch using Waydroid" "Run your favorite Android apps using Waydroid"

→ "— can be ran using Waydroid. Integrates with Halium to provide all hardware features."

"From the OpenStore" or "web" → "or the web".

Page 7, bottom "Even more packages"
→ "Even more"

→ "Run apps from regular Ubuntu by using the snapz0r app allow running Snap packages.""

"so apps don't have direct hardware access" → "to prevent direct hardware access"

"Providing the most usable privacy-friendly user-experience, while"
"mono-cultural systems" → "closed systems

Page 8, top

"by users respecting privacy highly" → "by respecting users' privacy highly"
"
AppArmor is a layer that ensure your apps only see what you want them to.

Page 11, bottom "Disclaimer"

→ Remove the word "Remember"

o Download the installer
Unlock bootloader
What OS do you have on your PC

1 Image of connecting to PC
2 Go through the installer, video link
3 Images of all the OS-icons, with screenshots below

Just "Promotoed"

"Just Volla" (not --- Devices)

Can be bought with Ubuntu Touch preinstalled.
We get a kickback for each device sold.

Bigger links

"Others"

These are less ethical devices, and are only supported (and currently maintained) through great community effort.

Poxo x9
Lenovo Tab

Pixel 3a only
   
Donate page

Info → information

Paypal PayPal

Monthly preselected 


On average people donated an amount we are truly grateful for,
because with every donation —

• A future where users define devices.

Tax deducable for whom?


Remove paypal link directly


Move community tab to actual pages

Saves on menu items, and explanations of where they are


Linux native devices

What about my device?

Maybe as is often the case your device manufacturer decided your device isn't yours.
The UBPorts community is doing what it can to free crucial parts of the device hardware support,
and support as many devices as possible.

Priview/testing images

These are the remaining (first pages) to sort:

We, the community

(Link to contribution areas)

• Try Ubuntu Touch
• Get in touch
• Translate
• Write code
• Help documentation
• Help the newsletter
• Video editing
• Design

Freedom of choice

Dominated by few corporations,
that in return for your data –
how, what and where you communicate,
only offer services of dependency.

Here you have as many opportunities as everyone.

Manifesto?

Ubuntu Touch

Classic productivity in modern interaction, in privacy.

• Try it
• Browse apps

Order, installer, OS, Lomiri, Indicator, Halium, all in paragraph style

Community continued after Ubuntu Touch was no longer lead by Canonical,
in keeping the OS going.
Reducing the negative impact of the mobile phone industry.

Hello

Fill inn the "Join us" form if you want an onboarding meeting.

Donations as a bubble

Of the core project

Marketing and UI/UX

Apps and core

Podcasts, video, social media.

Join us over contribution areas

GitHub GitLab

Local groups

The foundation was founded by mm mm mm in 2017.
Private and corporate sponsors could thus contribute.
Financial, organizational, and legal support is offered.
All contributions to the legal entity produce
maintained results for public benefit.

Ubuntu Touch development

Learn a new skill, or handle something you know how to do.
These are good points to have on your CV.
The product thrives as everyone does their thing.

GTK apps

Very good points.

"An operating system where nobody has more power than you."
is good for the moniker.
Different right off the bat. It piques the interest of why and how,
and then it is volunteers and values from there.
Ties into copylefted libre software, and then the explanation thereof.

I think the https://ubuntu-touch.onestein.eu/web/image/64602/background_home-2.jpg could be upright if that is what it takes to get the proper insight for what is going on at the desktop.
Without the internal "on-screen" line, if that is OK for the author.

Dropping "UBPorts" from what is then just "Installer" makes sense. Having other OS alternatives behind "other OSes" in the actual installer also makes sense when downloaded from Ubuntu-touch.io.
"Ports installer" maybe?
Harking back to the main idea being to buy devices preloaded with a good OS.

Just a few notes:

@kingu said in New websites:

2 Get a screenshot of the desktop in. Would suggest using the birds https://ubuntu-touch.onestein.eu/web/image/64602/background_home-2.jpg and then imposing a fading image onto there.

The birds image doesn't fit with a fading image, because on the screenshots the most important details are on the edges (dock and indicators).

@kingu said in New websites:

Sleek and secure
The best of both worlds.

I wouldn't put " sleek and secure " as a feature that sets Ubuntu Touch apart. Any other operating system could claim the same. A more appealing way to market it might be to showcase individual features: app confinement, read-only file system, data kept on the device by default. These would make sense if we wanted to differentiate ourselves from other mobile Linux distributions. We might want to think about what alternatives we are considering: Android/iOS or other Linux distributions?

This kind of marketing may be more in line with Postmarket OS promotion than UT's. They are more focused on libre software (not using Halium or proprietary drivers), security with full disk encryption and long lasting phones (using mainline kernel). On our side, I think we are more focused on Ubuntu Touch being user friendly and usable as a daily driver, accepting the compromise of having some proprietary software installed (Halium, Widevine...).

For the installer:

@kingu said in New websites:

"Stuck on your default OS?"
This ties someone elses OS to the user with "yours". "Default" lends credibility to it.
"A whole mobile operating system experience, that is yours" does better, but reusing the already established moniker wins points.

move to "copylefted libre software"

I think the confusion over calling Ubuntu Touch "UBPorts" is that it would logically follow that
The "UBPorts Installer" installs "UBPorts".
Having it be "Ubuntu Touch/installer" allows saying "About" rather than "About Ubuntu Touch"

As far as I know the UBports installer was never intended to be an installer exclusively for Ubuntu Touch, but a joint effort between communities to make it easier to switch between OSes. Branding it as "the Ubuntu Touch installer" goes in the opposite direction and is in my opinion detrimental as we need more contributors to keep it up to date and stable. Currently, postmarketOS and Droidian can also be installed from the installer.

Most of the other issues are already fixed in the real website components, only the design is a bit outdated and I have modified the text to remove the remaining issues.

0 Establish the name. Do it once, and not in conjunction with "UBPorts foundation".
1 Get the moniker right. "A whole mobile operating system experience, that is yours.
Only have "800+ volunteers".
2 Get a screenshot of the desktop in. Would suggest using the birds https://ubuntu-touch.onestein.eu/web/image/64602/background_home-2.jpg and then imposing a fading image onto there.
3 Have the "Get Ubuntu Touch" type buttton in a greener colour. Current one looks reddish on bad panels.
4 Establish what sets UBPorts apart.

Sleek and secure
The best of both worlds.

Copylefted libre software
Use, explore, change, and share — with all.
… [Expandable info]

5 Establish opposition to alternatives.
The banner that says "Designed to last" could say:
Redesigned to last
Your mobile device can receive software upgrades for many more years to come.
Bring your phone back to life.

6 Image of connecting said old phone to a screen to use it as a computer, with a desktop showing an app.

7. Remove the CoC and every mention of it.

At this point I think the case is made.

The installer pages

"Stuck on your default OS?"
This ties someone elses OS to the user with "yours". "Default" lends credibility to it.
"A whole mobile operating system experience, that is yours" does better, but reusing the already established moniker wins points.

move to "copylefted libre software"

I think the confusion over calling Ubuntu Touch "UBPorts" is that it would logically follow that
The "UBPorts Installer" installs "UBPorts".
Having it be "Ubuntu Touch/installer" allows saying "About" rather than "About Ubuntu Touch"

Drop "It's simple". Make it look simple.
Show screenshots/an animation of the whole process.

"Command line tool" → "Command-line tool".
Drop every menion of "we", "you can" and so on.
Line-shift at "Select the appropriate".
Mac → macOS
deb → .deb
snap → Snap

Remove the exclamations

enable developer mode → turn on developer mode

Get the mascot off the logos of other OSes.
Align the download symbols rightwards and the icons leftwards.

Github → GitHub

will enable you → lets you

Have one selection of downloads.

smart-phones → smartphones
Issues tracker → Issue tracker
& → and

Email → E-mail

Don't hide the questions behind clicks.

Support A Device → Support a Device
Report a Bug → Report bugs
Fund Development → Fund development

Between the lot of us we can really make this shine.
https://ubuntu-touch.io has said "focussed" for quite some time, so it is all about honing the details and getting to the point with the fewest amount of distractions.

@arubislander The idea is that in the future there will only be one website that lists devices, and within that there will be a section or page that lists the promoted devices.

@Capsia, is the referenced page on your radar for reviewing / revamping?

Fixed ut.io, I still need to think a bit about a new text for devices page. As for navigation, yes, it works like that.

Thanks for the suggestions

maybe there is a good reason to have both.

You nailed it.
There are historical reasons that lead to this situation and now we want to make things more clear.
Delineate and explain the difference between the community website and the OS website.

There is also Lomiri.com that has to fit the visual identity, it's a lot of work.

And thanks for your suggestions, I think there are great ideas to help differentiate things and help people navigate more easily.

after a cursory glance at the new designs, it seems that ubuntu-touch.io and devices.ubuntu-touch.io look more like they are one coherent thing, so that confusion might be solved.

but ubports.com versus ubuntu-touch.io I still find confusing. To be fair, I never sat down and thought about why there should be two pages and just chalked it off to ... uhm ... history ... volunteer project ... different people scratching their own itches ...

only just now, that I see this new proposal to come up with a coherent design, I thought about this again and I realize, maybe there is a good reason to have both. Because we want to tell this (complicated) story of here's the community and there's the product, and while they are linked, they are not the same, and maybe someone outside of this community/product circles could care about the distinction, because ... well, I guess because we want to cater to other projects/communities, a'la "hey <randomlinuxdistribution> look there at this great software product, maybe you want to ship it. Oh and by the way here is the community creating and supporting it" ... something like that.

so, after all this rambling let me get to one maybe actionable suggestion:

Please make it clear that one is the community and the other is the product.

e.g.

• don't start the devices page with "The ubports community is ...", but with something about devices, like "Here you find an overview of all the mobile devices capable of running ..."
• don't start the ut.io page with "We are building ... " , but "UT is ..."
• keep the clear language of "We are the UBports community" of ubports.com
• make sure (and maybe that's already taken care of in this new design) that there is a consistent top level navigation, where I guess "community" always links to ubports.com and "ubuntu touch" always links to ubuntu-touch.io , etc

Just as an idea, we could have something like this?

https://planet.opensuse.org/
https://planet.kde.org/
...