New UI Designing

[ChakshuGautam]

Objective

The task is to overhaul our current user interface to improve user experience, streamline navigation, and increase engagement. We intend to draw inspiration from Class Central for this redesign due to their effective and user-friendly interface design. The output of this task will be a fully designed UI in Figma, ready for review and subsequent implementation.

Key Components to Consider

1. Layout: Class Central's layout design should inspire the new UI structure - note their use of whitespace, key elements positioning, and balance of information density.

2. Navigation: Prioritize an intuitive and user-friendly menu structure. The ease of navigation significantly contributes to user satisfaction.

3. Typography & Colors: Focus on readability and aesthetic appeal in font styles, sizes, colors, and combinations.

4. Interaction Design: Interactive elements (hover effects, buttons, dropdowns). Interactive design is crucial for an engaging user experience.

5. Responsiveness:

6. Images and Iconography: Use of images and icons should be meaningful and complementary to the overall design aesthetic.

7. Accessibility: In the redesign process, maintain accessibility for all users, including those with disabilities. Aspects such as color contrast, font size, keyboard navigation, etc., should be taken into account.

8. Pages

   • [ ] Home Page
   • [ ] Course Detail Page
   • [ ] Course Listing/Search Page

Deliverables

The final deliverable will be a detailed Figma design, incorporating all of the above points. This design should encapsulate all the necessary pages/screens, including their responsive variants.

While we aim to draw inspiration from Class Central, it's crucial that our website retains its unique identity and caters to our users' specific needs. Any design changes should align with our brand guidelines and user personas. Use user feedback, analytics data, and A/B testing to validate design decisions. Once the Figma designs are complete, please share them for review before we proceed with the implementation stage.

References

1. Currently deployed UI

---

Project

DSEP: Trainings and Courses

Organization Name:

Samagra | Transforming Governance

Mentor(s)

@ChakshuGautam, @techsavvyash

Tech Skills Needed

Figma

Complexity

High

Category

UI/UX enhancements

Sub Category

Accessibility

Domain

Others

[ChetnaDiwakar]

@ChakshuGautam @techsavvyash I'm reaching out to express my interest in working on the UI of Home page of this project. With my knowledge in this area, I believe I can contribute effectively and deliver high-quality results. If it aligns with project priorities, I would greatly appreciate being assigned this task, and I'm committed to putting in the necessary effort to ensure its successful completion. Thank you for considering my request.

[AmanKumarVlgs]

hey @ChakshuGautam Is this issue still open? I've done one project this type and I am really excited to work on this too. Please assign me this.

[techsavvyash]

Hey @ChetnaDiwakar and @AmanKumarVlgs, We are happy to see you enthusiastic in contributing to the project, and would appreciate if you would collaborate on this to deliver fast and fruitful results. Have assigned you both to this task. Hoping to hear back soon. Thanks

[c4gt-community-support[bot]]

Hi! Mandatory Details - The following details essential to submit tickets to C4GT Community Program are missing. Please add them!

• Product Name - Please add a heading called Product Name and mention the name of the product below it.

Without these details, the ticket cannot be listed on the C4GT Community Listing.

Please update the ticket

[AmanKumarVlgs]

Hey @techsavvyash thanks for assigning me this, Also in future if I have some doubt where I can ask that?

[ChetnaDiwakar]

Thanks @techsavvyash for assigning me the task. I'll try to deliver the results ASAP.

[Jiya126]

Hey! I'd like to contribute to the project. I have made projects in UI-UX design before. This was one of my projects https://nitj.ac.in/ You can also check more on https://www.behance.net/jjzz_/projects Would be great if you could assign me here

[Unnatijn08]

Hey, I would like to contribute to the project. My work https://www.behance.net/unnatijn @techsavvyash @ChetnaDiwakar

[techsavvyash]

Hey @techsavvyash thanks for assigning me this, Also in future if I have some doubt where I can ask that?

Hey @AmanKumarVlgs, You can ask your doubts in the comments here itself.

[techsavvyash]

Hey @Jiya126 and @Unnatijn08 ,

Glad to see you folks interested in this ticket, since designing the whole platform would result into a number of different screens, please go ahead and contribute to the ticket. You can submit your designs via PRs and collaborate with the other community folks who are interested in this. Hoping to see a beautiful design to close this ticket with all of your support. In case of any issues please feel free to ask here. Thanks

[Jiya126]

Hey @Jiya126 and @Unnatijn08 ,

Glad to see you folks interested in this ticket, since designing the whole platform would result into a number of different screens, please go ahead and contribute to the ticket. You can submit your designs via PRs and collaborate with the other community folks who are interested in this. Hoping to see a beautiful design to close this ticket with all of your support. In case of any issues please feel free to ask here. Thanks

Sure, we'll share the wireframes by tommorow to get an idea about any additional components to be added and then can get started on building the interface.

[Unnatijn08]

https://www.figma.com/file/oUZo57NACfjQAN7Er6sM7K?type=design

@techsavvyash done with the UI, we are open to feedback.

[techsavvyash]

Hey @Unnatijn08 Provided the feedback here: https://discord.com/channels/973851473131761674/1132968762174341251/1136158496887427092

[sarthu210]

hey @ChakshuGautam Is this issue still open? I have good experience in graphic designing + UI + Coding because I am cse student and want to contribute please assign me any work which is remaining ThankYou!

[void-ness]

Hey @Unnatijn08 , Is there any update regarding the UI? I was hoping to contribute towards #12 which will be utilising the final UI as per this issue ticket.

[satyam01mirgane]

@ChakshuGautam @techsavvyash,

I wanted to reach out and express my keen interest in taking on the UI development of the project. Given my expertise in this field, I am confident that I can make a meaningful contribution and deliver exceptional results.

[techsavvyash]

Hey @satyam01mirgane, Glad to see your interest, you can take it up! All the best, please reach out in case you face any blockers.

[Abro0058T]

@techsavvyash can i work on this issue ?