New website launched in 2018


#1

Hi all, after months of hard work by Eugen Rochko (author of Mastodon), @francois-techene, our sysadmins Stelios and Theo, our chief security officer @Kyle_Rankin, and me (a little bit), our new website is now live on https://puri.sm! There are some rough edges and missing or incorrect content but we’ll be working on solving them in the coming days and weeks.

This new website approach brings a couple of improvements:

  • Splitting the shop to its own domain, shop.puri.sm, for better security, resources/performances management, and lightening up the management of the main website
  • Static main website that loads much faster: no PHP, minimal javascript, etc. This also naturally hardens the security of the main website, letting us lift some tacked-on security measures that made it problematic for Tor or VPN users to view the pages.
  • A clean new look, better-looking product pages, with animations letting you see 360 degrees views as you scroll
  • Simplified content in a couple of areas
  • More mobile-friendly (feel free to report issues we may have missed on that front!)
  • Separation of concerns/access/accounts, independent maintenance paths (a writer/editor doesn’t have all the shop stuff in their face, the main website can be upgraded and fine-tuned for content publishing, etc.)
  • Other features that I might forget? :slight_smile:

We hope you like it. This has been a long time in the works, and it should allow us to fix some long-standing issues.


#2

@jeff, may suggest for the shop page to “sort by popularity” by default, or rename the AC adapter so it does not occupy the prime spot? :wink:

On the product page, I find it weird that “compare models” and “compare specs” both shows the three Librems, but between them the Librem Key takes the spot of the Librem 5.
Maybe add an “accessory” section to the right of the “compare models”, so one has a quick overview, and then for completeness’ sake, add the phone to the “big picture” section, too :slight_smile:


#3

#4

Love the new look!

@jeff One minor issue I noticed on mobile - the Librem 5 page has a video that extends beyond the rest of the content when in portrait mode.

The page in question:
puri.sm/products/librem-5

Also, when in landscape mode, the header is pretty big. Might wanna scale that down a bit.

Example of the video overhang in portrait mode

Example of large header in landscape mode:


#5

I think the new look is very user friendly and presents information in a concise way. Well done!


#6

Congratulations for the great new website!

Love the top right menu appearance.
Plus with the new products page, visitors are presented the products line in the blink of an eye. That page design with the geometric forms outlining the different parts of the content: :heart_eyes:

Found small quirks:

  • in the footer, the Mastodon link gets me to a 404 wrong (https://social.puri.sm/@Purism)
  • on the FAQ page, when the cursor is on a question it doesn’t become a clickable item cursor (the little hand) - Firefox 62 here
  • still on the FAQ page, when I open a question I see a little toggle behind the question text

Now one suggestion that imo could make navigation between the different Purism fronts easier. I mean between the main site, the shop, the forums, etc. As of now the logo on top left gets you to the home of the front site when you’re on the front site, to the forums home when on the forums, to the shop home when on the shop.
That being said, maybe a common header, logo + menu, could be used on all Purism websites. The logo would always link to the only homepage for Purism and the menu would be identical through the different sites. That way, visitors would have a more consistent experience on Purism’s pages.


#7

Speaking words of wisdom. May it be!


#8

This is a very nice change. I am looking forward to seeing how this will shape up in time. Great job people!!


#9

if i may. a dark or darker theme and less air gaps between elements and text would look more pleasing to the eye.


#10

I liked the website. It looks good and the content is on spot for the general masses. It has some room for improvement (it always has) and people considered some good points on this thread. I agree very much with what @romaric suggested.

Good catch. I would go on and put the label “Clearance” always on top.


#11

I think the new website design looks awesome. Nice work! :slight_smile:

It’s great to see the google stuff removed from the site now too!


#12

@jeff One more thing I just noticed as I was buying a Librem 13 :slight_smile:

The table showing the options (like operating system, Librem key included or not) is misaligned. See screenshot