casdoor/casdoor

Design and develop a more beautiful frontend portal

hsluoyz opened this issue · 11 comments

We use a raw Antd-looking UI for portal. But we need to improve the UI if it's for production use.

@hsluoyz wanted to include this issue in my proposal, what kind of design is required? have i to use antd or develop a design from scratch?

@hsluoyz i was thinking to port casdoor's UI to MaterialUI https://mui.com/ which is more asthetic and looks superior as compared to antd, and also working on making the frontend responsive.

@MayankMittal1 we don't change to another UI framework. We will improve existing UI based on antd.

@hsluoyz can you point out in a bit detail,what exactly requires improvment?

@MayankMittal1 There's no need to break all things and rebuild all. We must learn how to incrementally improve the existing Antd code. Our goal is to get a more mature and beautiful UI like the commercial ones:

Group 4

@hsluoyz how does this look, i designed it in figma,it is an initial draft and i am planning to follow this design language, also i will include some screens in the proposal and work on them

@MayankMittal1 plz start with the internal dashboard pages like: https://door.casdoor.com/organizations

Also plz do "incremental" changes, don't just switch to another look entirely.

image
image
image
image

@hsluoyz i was looking over the web for some inspirations, these ones caught my eyes, see if you like any of them so i can assume it as a base design and build a design for casdoor

image

Seams that a new UI has been released, shall we close this issue as completed? @hsluoyz

@hsluoyz is there still some work to be done here

do you have any designs

This issue has completed.