New website launched in 2018

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.

13 Likes

@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:

2 Likes

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:

1 Like

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

1 Like

Speaking words of wisdom. May it be!

1 Like

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

1 Like

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

1 Like

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.

1 Like

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!

3 Likes

@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

1 Like

just wanted to suggest that maybe you could have the menus up top on a darker background than the rest of the website and also on the blog posts to be more evident and contrasty.

for what resolution/aspect ratio have you optimised the website ?

1 Like

I had a quick play to see what it would look like. I guess it depends on the design they want to go for but I think it could look nice. :+1:

Since this thread is bumped I’ll also say that I think the new stylistic changes to the site are looking great! The new font choices are really nice with the addition of a serif font. I’m a big fan of Cantarell (although I’m also really fond of Cabin), I approve. :wink:

1 Like

+1. for anyone that has problems seeing the right fonts just make sure you check the box.

Anybody know where the code is?