LibreSpeed Redesign

[Chris-ZoGo]

Description

During Hacktoberfest 2022 & 2023, fromScratch Studio took on the request for LibreSpeed redesign and UI improvements.
We ran 2 design sprints one on '22 and one on '23, and produced high-fidelity screens for LibreSpeed redesign.
Furthermore, this year, we produced high-fidelity screens for mobile-view as well.

Why it should be implemented

Implementing a fresh look on LibreSpeed will attract more users, and improve the usability and experience.

Optional: screenshots

Screenshots of what was designed

Desktop

Mobile

Figma link
(feel free to look around)
https://www.figma.com/file/rAfMAZSy56eKHdoh7FrxRL/LibreSpeed-Redesign?type=design&node-id=373%3A501&mode=design&t=kjLTOvnD6syP7coj-1

[Chris-ZoGo]

@sstidl Hello Stefan!
We would appreciate any feedback/thoughts on this.
And if you decide to approve it we could create separate (sub?) issues for all the necessary components/elements and screens.

[sstidl]

Hi

I wasn't able to open figma as it needs an account.
Can you share it public so I don't have to give my data to them?

[Chris-ZoGo]

Here is a public view link!
https://www.figma.com/file/rAfMAZSy56eKHdoh7FrxRL/LibreSpeed-Redesign?type=design&node-id=0%3A1&mode=design&t=196EX9PiBDxmw9PZ-1

[gary-host-laptop]

This looks awesome, thank you for your work, I hope you can merge this!

[sstidl]

@gary-host-laptop before we can merge it, someone has to implement the change and open a pull request for it.
If you are able to to it, feel free to take the task

[Chris-ZoGo]

If there is anything you need from our side (the design team) please let me know :)

[jashertj]

Good afternoon, if you need a server for testing, I can provide a virtual machine
I would like to add that the interface is very attractive and the data I receive after testing is very accurate.
I also wanted to know how to add servers to the list of servers speedtest.net
I am not a frequent github user, you can contact this address [email protected]

[sstidl]

If there is anything you need from our side (the design team) please let me know :)

Could you provide stylesheet file and a demo html page? Or how do I get those out of figma?

[Chris-ZoGo]

@sstidl I think that for something like that ( a stylesheet or a demo) we need a front-end developer to take over this task.
It's not possible for us (as designers) to provide what you suggested.
As far as handing off the design for development, this is what we usually do with other dev-teams.
There is a dev-mode view in Figma, where developers can hover above the components and see all the details, even some code fragments.

Maybe you can open a new issue asking for someone to extract/provide you with a stylesheet or demo page?

[Timendus]

we need a front-end developer to take over this task

Done 😉

[sstidl]

#649 is the PR

[Chris-ZoGo]

@Timendus It looks amazing! Thank you for trusting the design and for your effort and time :)