Update - Playproject Improvements

playproject-io / playproject-io.github.io

playproject website

https://playproject.io

MIT License

5 stars 2 forks source link

Update - Playproject Improvements #20

Open Ibrar-Haidar opened 4 months ago

Ibrar-Haidar commented 4 months ago

`@todo`

[ ] Update - Playproject Improvements
- @input 📦
- Playproject.io
- Improvements for Playproject from comment

[x] Design - big project island for a project called "Wizard Amigos"
Rough Sketch of Island
Outline the sketch on Illustrator
Adding details on the island
refining and finalizing the island
output: 📦 wizard-amigos Island v2 from comment

[ ] Design - big project island for a project called "data shell"
- @input 📦 playproject.io

[ ] Design - a project island for the "task messenger app"
- @input 📦 playproject.io

[x] Design - a night theme for playproject
- @input 📦 playproject.io
- a background with different night gradient
- stars in the sky
- even planets
- @output 📦 playproject-night theme v1 from comment

[X] Design - a variety for team islands
- @input 📦 playproject.io
- sponsor islands are already different in style same thing for team island
- @ouput 📦 team islands from comment

[ ] Update - add more animation effect for top main island
- @input 📦 playproject.io
- rotating windmills
- animals moving around
- a waterfall that animated where some drops drop from the island above onto the next.
- if islands in general very subtly float and move up and down by themselves... like a boat on a sea with some calm waves

[X] Design - logo for Data Shell
- @input 📦 data-shell server
- Designed two version of logo for data shell
- @output 📦 data-shell v1 from comment
- @output 📦 data-shell v2 from comment
[ ] Design - logo for Task management app

Ibrar-Haidar commented 4 months ago

tasks - `2024.06.07`

Update - Playproject Improvements
- PlayProject website QA Research - 23 min
- Took Screenshots and presented feedback - 50 min
- Logged Task - 6 min

worklog

feedback

1 - We have supporters text out here I don't know if its intentional or by mistake
- 2 - This picture is quite pixilated and not readable
- 3 - Mail icon is upside down
- 4 - Twitter icon is outdated
- 5 - Is it suppose to be 2023 like is it a date of establishing of playproject?
- 6 - While scrolling through contributor section left side looks empty which makes it seem a bit off if we could make start of left container sticky somehow Or we could shift some on left side
- 7 - I think this is intentional but there is no main menu below 768X832 dimension
- 8 - On same screen ratio squirrel is hovering over text
- 9 - On Mobile dimensions is mostly shifted mostly toward right Like e is cutting
- 10 - This section is above each other
- 11 - On my phone it looks centered but on inspect it looks toward right a bit
- 12 - OTHER THAN that it looks fine on other dimensions We can maybe play with paddings a little bit

proposals

serapath commented 3 months ago

double checked and yes that is intentional. It is meant to be the "title" for the section and maybe this should be shown in a different way, e.g. another island or some sort of wodden sign on an island or something to indicate what this section is about.
you can try to make a good screenshot from this video, which is the only thing we have at the moment: https://x.com/ninabreznik/status/1170132016504946688
yes, let's fix the email icon
yes, let's fix the x icon and probably make it black with a white X
nope, the year at the bottom should be the current year, so based on current Date. Ali can fix the javascript logic to update the year to always show the current year :-)
yes, this is a big issue and some people are missing. Like David, Ali, You, Cypher, ... those are generated from a data file that lists all data of contributors and will probably grow in the future, so it would be good if we can find a nice balanced layout or way to always display everyone in a better way :-)
true - interesting observation. maybe it's okay? i guess if somebody looks for contacts, they have to scroll to the bottom? ...do you have any good ideas how we could integrate that on mobile in a nice way? maybe a bottom menu to not be so awkward to reach?
another nice observation. yeah, maybe if we can prevent the squirrel from being covred by the text would probably be great too :-)
yes, we should definitely improve the overall experience with that and work also on the font layout and readability on all resolutions, maybe even switch fonts or whatever... feel free to try to improve that as well :-)
wow, another good catch, yes they should probably not touch each other i guess. ...if possible and still readable, maybe they could even dynamically "shrink" in size when on mobile so more fits on the screen?
yeah lets fix it and also, now seeing the mobile version, maybe the main island can shrink as well to fit on the screen? (but only when cut off)
yes, please fine tune some paddings and other paramters for improving things, potentially the smoothness of animations as well and if you think some of the images can be improved, that would be interesting too.

Lastly, we have another island that is completly missing and we need to design it. We sadly don't have a low poly island for it, but only a 3D design and two worklogs which show it. Otherwise, if you have blender you can open the original 3D designs ...it's a "Wizardamigos Island" :-)

serapath commented 3 months ago

feedback 2024.06.09

It sounds good. Let's try that. I do think we actually need to slowly use and get active by creating pull requests and changing all the above inside the current page.

Maybe for the wizardamigos island section (i can share the 3D assets and youtube worklogs that show them), we need some concept and maybe for some other minor aspects we need some figma as well, but for most things we probably need to directly update the actual page css code.

Ibrar-Haidar commented 3 months ago