Update - Playproject Improvements

[ibrarli]

@todo

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

---

• Design - big project island for a project called "Wizard Amigos"
• @input 📦
  • playproject.io
  • Blender 3d asset of Wizard Amigos
  • Павел Беседин worklog - 30
  • Павел Беседин worklog - 31
• 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

---

• 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

---

• 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

---

• 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

[ibrarli]

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]

1. 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.

2. 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

3. yes, let's fix the email icon

4. yes, let's fix the x icon and probably make it black with a white X

5. 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 :-)

6. 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 :-)

7. 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?

8. another nice observation. yeah, maybe if we can prevent the squirrel from being covred by the text would probably be great too :-)

9. 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 :-)

10. 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?

11. 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)

12. 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]

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.

[ibrarli]

tasks - 2024.06.09

• Update - Playproject Improvements
  • Presenting Proposal for playproject changes - 30 min

---

worklog

---

feedback

---

proposals

• 1 - we can use the same island just change the text to supporters
  
  
• 2 - This is not the best quality but way better then the existing one
  
  
• 3 - I think we can do it this way

•  transform-origin: center;
   transform: rotate(180deg);
  

• 4 - We can use the same github one all we would have to change is x icon but we would have to change placement because i don't think two black icon together will look consistent
  
  
• 5 - I think it is all what it needs
• var currentYear = new Date().getFullYear();
  var text = currentYear + " Playproject";
  document.getElementById("footertext").textContent = text;
• 6 - I will try to find some better layout but for now what I have in mind is to keep first 3 as it is and change other into full screen no empty place in left and divide them into four columns like 4 islands in one row
• 7 - One way it is possible to do in mobile would be to use menu at bottom like this icons is optional
  
  
• 8 - we can play with padding here
• 9 - yup definitely we could discuss and find some way to better optimize for most of the screen
• 10 - we can play with padding here but shrinking also works
• 11 - yup we can find someway to stop overflowing and for images to automatically adjust according to screen
• 12 - I will look more into see if there are places we can make more improvement will discuss with you in discord
• 13 - Yup I have seen that before can you provide more brief into it like where are we going to use it and for it to be designed as exact as 3d model but in low poly like in 3d one it has a lot of details they are to be omit from low poly

[ibrarli]

tasks - 2024.06.16

• Update - Playproject Improvements
  • Island For Wizard Amigos
    • Rough Sketch of Island - 40 min
    • Outline the sketch on Illustrator - 45 min
    • Filling the outlines with color - 50 min
    • Illustrating trees on island x 3 - 35 min
    • adding details on the island - 30 min
  • logging task - 10 min
  • output 📦 wizard amigos Island

---

worklog

• worklog-22

---

feedback

---

proposals

[ibrarli]

tasks - 2024.06.19

• Update - Playproject Improvements
  • replicating 3d wizard amigos Island to low poly design for playproject.io
    • designing 2 dome - 40 min
    • designing better library/hangout space dome - 55 min
    • designing new replicate tree - 40 min
    • designing big advertisement banner for wizard amigos website - 24 min
    • refining and adding details such as stones, bushes, shadow details, and boulder under dome - 20 min
  • logging task - 10 min
  • output 📦 wizard amigos Island v2

---

worklog

---

feedback

• I have tried to replicate as exact to wizard amigos 3d island also keeping the vibe with other existing island on playproject same so also if you want to include more details in Island do let me know we can make it more highlighted and add more shades or shadows. or grass etc. I have also included bill board type for wizard amigos website if its small we can make it bigger also if you have any better way do let me know

---

proposals

[ibrarli]

tasks - 2024.06.25

• Design - a variety for team islands
  • @input 📦 playproject.io
  • team island Variation 1
    • Rough Sketch of Island - 20 min
    • designing base of island in adobe illustrator - 35 min
    • Designing elements of island (tree and log) - 20 min
    • output 📦 team-island v1
  • team island Variation 2
    • Rough sketch of design - 20 min
    • designing base of island in adobe illustrator - 40 min
    • designing elements of island (tree + Crystal) - 40 min
    • output 📦 team-island v2
  • team island Variation 3
    • Rough sketch of design - 17 min
    • designing base of island in adobe illustrator - 35 min
    • designing elements of island (tree + bush) - 30 min
    • output 📦 team-island v3
  • team island Variation 4
    • Rough sketch of design - 10 min
    • desiging elements of island (tree + crystal) - 40 min
    • output 📦 team-island v4
  • team island Variation 5
    • Rough sketch of design - 12 min
    • desiging elements of island (tree + rock) - 35 min
    • output 📦 team-island v5
  • team island Variation 6
    • Rough sketch of design - 11 min
    • desiging elements of island (tree + log) - 30 min
    • output 📦 team-island v6
  • team island Variation 7
    • Rough sketch of design - 10 min
    • desiging elements of island (tree + rock) - 35 min
    • output 📦 team-island v7
  • logging task - 15 min
  • output 📦 team islands

---

worklog

• worklog-23

---

feedback

---

proposals

[ibrarli]

tasks - 2024.06.26

• Design - a night theme for playproject
  • @input 📦 playproject.io
  • Design - Planet Earth - 1 hr
    • Rough Sketch of Planet
    • designing planet in adobe illustrator
    • Detailing of planet
    • output 📦 planet-earth
  • Design - Planet Mercury - 45 min
    • Rough Sketch of Planet
    • designing planet in adobe illustrator
    • Detailing of planet
    • output 📦 planet-mercury
  • Design - Planet Neptune- 50 min
    • Rough Sketch of Planet
    • designing planet in adobe illustrator
    • Detailing of planet
    • output 📦 planet-neptune
  • Design - Moon - 45 min
    • Rough Sketch of Moon
    • designing Moon in adobe illustrator
    • Detailing of Moon
    • output 📦 moon
  • Design - Star - 10 min
    • desiging Star in adobe Illustrator
    • output 📦 Star
  • Supporter Island
    • Rough sketch of design - 11 min
    • Designing island in adobe illustrator - 20 min
    • desiging element of island (tree) - 25 min
    • output 📦 supporter-island
  • Redisgn - twitter logo
    • designing twitter logo in adobe illustrator - 10 min
    • output 📦 twitter logo
  • logging task - 10 min

---

worklog

---

feedback

• For this worklog I have designed elements that are discussed earlier with alex for night theme. Next I will put this elements on playproject night theme webpage

---

proposals

[ibrarli]

tasks - 2024.06.27

• Design - a night theme webpage for playproject
  • @input 📦 playproject.io
  • Replicating the existing illustrations and contents from playproject website in figma - 2 hr 35 min
  • Creating gradient dark background - 5 min
  • Putting stars in design - 30 min
  • Putting planets in design - 10 min
  • Making adjustment in supporters, teams section and overall design - 50 min
  • logging task - 15 min
  • @output 📦 playproject-night theme v1

---

worklog

• worklog-24

---

feedback

---

proposals

[ibrarli]

tasks - 2024.06.29

---

• Design - logo for Data Shell
  • @input 📦 data-shell server
  • Data Shell - Logo Version 1 only turtle shell
    • Sketching the turtle shell - 45 min
    • Illustrating the turtle shell in adobe illustrator - 1hr 30 min
    • Coloring and adjusting the color and extra detailing for low poly shadows - 1 hr
    • @output 📦 Data Shell - v1
  • Data Shell - Logo Version 2 full turtle
    • Sketching the rest of turtle body - 40 min
    • Illustrating the rest of turtle and adjusting with turtle shell in adobe illustrator - 40 min
    • Coloring and adjusting the color for low poly shadows - 30 min
    • @output 📦 Data Shell - v2
  • logging task - 5 min

---

worklog

---

feedback

• I have created two logo version one with only shell and other with full turtle. I have upload exported version in figma you can check and let me know if any improvement needs to be made.

---

proposals

[ibrarli]

tasks - 2024.06.30

---

• Design - big project island for a project called "data shell"
  • @input 📦 data-shell server
  • Data Shell - Logo Version 1 only turtle shell
    • Sketching the turtle- 2hr
    • Illustrating the turtle in adobe illustrator - 1hr 20 min
    • Coloring and adjusting the color and extra detailing for low poly shadows - 1 hr 21min
    • @output 📦 Data Shell - Turtle
  • logging task - 5 min

---

worklog

---

feedback

• I have created a turtle for Data Shell Island which can also be used for logo as well. Next will be working on island it self

---

proposals

• I am thinking of designing an aquarium island in which turtles will float and include other sea components such as stone sea plants etc.

[ibrarli]

tasks - 2024.06.30

---

• Design - big project island for a project called "data shell"
  • @input 📦 data-shell server
  • Data Shell - island
    • Sketching the island itself and its tank and sand - 2 hr
    • Illustrating the island adobe illustrator - 1hr 30 min
    • Coloring and adjusting the color and extra detailing ( island itself and its tank and sand) - 1hr 10 min
    • @output 🏭 Data shell - island v1
  • logging task - 5 min

---

worklog

---

feedback

• This is still on progress there are more details remaining

---

proposals

[ibrarli]

tasks - 2024.07.01

---

• Design - big project island for a project called "data shell"
  • @input 📦 data-shell server
  • Data Shell - island
    • Illustrating the ship adobe illustrator - 1hr 40 min
    • Illustrating the plants adobe illustrator - 1hr
    • Illustrating the stones adobe illustrator - 2hr
    • Illustrating the fish adobe illustrator - 1hr 10 min
    • Adjust all in the aquarium - 20 min
    • @output 📦 Data shell - island v2
  • logging task - 5 min

---

worklog

---

feedback

• This is complete for now if you have any recommendation please share

---

proposals