Enhance Main Page UI/UX for ArduPilot Web Tools #230
Conversation
|
I'll leave this for Pete, he's the maintainer. |
|
Sorry its taken me so long to look at this. I like the idea of new tiles for the landing page, but you have had to remove information from some of the tool descriptions. The change in background color means the plots look less like part of the page. I don't think the new headers on the tools is a nice as the original. |
|
@IamPete1 "Thank you for reviewing and providing feedback! I understand your concern about the tool descriptions, but I’m not entirely sure which details you’re referring to, as I only modified the color scheme and reorganized the descriptions without intentionally removing any content. I’ll revisit the descriptions to ensure they remain complete and detailed. Additionally, I’ll work on improving the background color or plot styling to make the plots feel more cohesive with the page. Please let me know if there’s anything specific you'd like me to address further." |
|
Maybe the text is overflowing, for example from your little vid: vs
|
|
@IamPete1 Okay I got it. I will update this. |
|
@IamPete1 I have updated files . Please review it . |
|
Hello, @IamPete1 Could you please review this pr whenever you have time. |
This PR introduces significant improvements to the UI/UX of the main page for the ArduPilot Web Tools, focusing on creating a modern and responsive layout. The key updates include:
Responsive Design: Leveraged Flexbox to ensure the layout adjusts seamlessly across various screen sizes.
Visual Enhancements: Updated the color scheme, improved spacing, and refined typography for a polished look.
Interactive Elements: Added hover effects and subtle animations to boost user engagement.
These changes are currently limited to the main page, serving as a prototype for a platform-wide redesign.
This is how it looks :
ezyZip.mp4
Next Steps:
I propose extending these enhancements to other connected pages for a consistent and cohesive user experience across the platform.
I kindly request feedback from the team, particularly from @IamPete1 and @Ryanf55, to ensure alignment with the overall project goals. Upon approval, I would like to proceed with implementing these updates across the platform.
Thankyou!