Feat: Market Window Redesign

[Josue19-08]

Market Window Redesign

Issue Description:

The goal of this issue is to redesign the existing market window in the DemoPrincipalScene to make it more visually appealing and consistent with the cyberpunk aesthetic of the Citizen of Arcanis game. The design should adopt a neon style, with visual elements that convey an immersive and futuristic experience. The redesign should resemble the example shown in the attached image, maintaining the general structure but with an enhanced visual style.

Location and Setup:

• This issue will be worked on in Unity by navigating to the following path: Project > Assets > Scenes > DemoPrincipalScene.
• The market window is located within a canvas called ScreenSpaceCanvas, and inside this canvas, there is a panel named MarketPanel.
• The goal is to redesign MarketPanel to resemble the design in the provided image.

Redesign Details:

• Visual Style:

  • Use a neon-style design with a cyberpunk-inspired color palette, including vibrant tones and glowing elements contrasting with dark backgrounds.
  • Maintain consistency with the overall aesthetic of Citizen of Arcanis.

• General Structure:

  • The window should include sections for featured products, item listings, selected item information, and purchase options.
  • Implement UI elements such as buttons, text boxes, and sections in a visually attractive way consistent with the cyberpunk theme.

• Interactivity:

  • Interactive elements should provide visual feedback when selected, such as glow effects or color changes.
  • Ensure a smooth user experience with intuitive navigation between different market sections.

• Visual Example:

  • The design should resemble the provided image, with sections for "Trending Products," an item list, selected item details, and purchase options (including price and a buy button).
  • Consider adding visual enhancements that highlight interactive elements, such as subtle animations or hover effects.

Objective:

The purpose of this issue is to create an attractive and well-designed market window that encourages players to explore and use the market system. The redesign should provide a memorable visual experience, consistent with the dynamic and cyberpunk style of Citizen of Arcanis.

[od-hunter]

Please can i be assigned this issue?

[MildPXL]

I would love the opportunity to take on the redesign of the market window in the DemoPrincipalScene. With my experience in UI/UX design and a strong eye for detail, I’m confident in creating an immersive, neon-style interface that aligns with the cyberpunk aesthetic of Citizen of Arcanis.You can view some of my designs here:https://www.figma.com/design/w1hKGSuYWk53Om4pYOoncE/Web3-Design-Works?node-id=0-1&node-type=canvas&t=c7CCQj8fLjFaUFz1-0. Here’s also why I’m the right fit for this task:

Experience with Aesthetic Design: I have a deep understanding of creating visually appealing interfaces, especially for sci-fi and cyberpunk-themed projects. I’ll ensure the redesign incorporates vibrant neon colors, glowing elements, and a futuristic feel, as outlined in the brief.

Interactive and Intuitive Design: My approach prioritizes user engagement. I’ll enhance interactive elements with visual feedback like hover effects, glow animations, and smooth transitions to create a memorable user experience.

Lastly, I will ensure that the redesign aligns with the principle of UX

[Josue19-08]

@MildPXL Well, you can work on this issue.

[Josue19-08]

@od-hunter We would like you to apply this issue: https://github.com/SunsetLabs-Game/Citizen-of-Arcanis-FrontEnd/issues/51

[od-hunter]

@od-hunter We would like you to apply this issue: https://github.com/SunsetLabs-Game/Citizen-of-Arcanis-FrontEnd/issues/51

Hello ser @Josue19-08 , I clicked on the link but it’s empty.

[Josue19-08]

@od-hunter Sorry.

https://github.com/SunsetLabs-Game/Citizen-of-Arcanis-FrontEnd/issues/59 https://github.com/SunsetLabs-Game/Citizen-of-Arcanis-FrontEnd/issues/58

You can apply to these, please describe how you would solve the problem.

[od-hunter]

@od-hunter Sorry.

59 #58

You can apply to these, please describe how you would solve the problem.

Hi @Josue19-08 , done.