[DESIGN] New Theme for Entire Web App

[billimarie]

Years ago when this project first started, I picked a basic Bootstrap theme to implement so that the prototype could be spun up quickly & without hassle.

Now that this project is maturing, it needs a designer (or someone with a good sense of website / web app aesthetics) to thoughtfully construct a design system that we can use throughout the entire app.

Design Components

• Attorney Cards ([DESIGN] "Attorney Card" #9) - unassigned
• Attorney Profile ([DESIGN] Mock-Up "Attorney Profile" View #104) - currently assigned to @prajeshkumarg
• Current Prosecutors ([DESGIN] Previous Prosecutors #151) - unassigned
• Main Filter ([DESIGN] Main Filter #128) - multiple

This theme overhaul would include new colors, fonts, & layouts. It can be a one-person job, or multiple assignees working collaboratively in something like Figma to design together in real-time.

If you're interested, please leave a note & I'll send you an invite to the group's Figma file so you can design with us in real-time.

Instructions to Submit Your Design For Hacktoberfest
1.) Export your design by clicking on your artboard (will be bold in the left sidebar), then going to the right sidebar at the bottom where it says "Export." Export as a .png.
2.) Go to the main repo & click "Add file > Upload files":

3.) It will ask you to submit a pull request. You can reference this issue & I will merge your work to the main branch.

[AnjanaMA]

I'm interested in the redesign :)

[jSadoski]

Jumping in here to offer to collaborate with others! I've never used Figma, looks like a very interesting tool.

[lucid-dreem]

I'd be happy to help as well

[billimarie]

Wonderful--can each of you send me an email? (Link in profile) That way I can invite you to the Figma file.

cc: @lucid-dream @jSadoski @AnjanaMA @prajeshkumarg

[billimarie]

For everyone working on the design, here is a great point brought up by @Zoe7:

I have another question regarding where you'd put the filters. Right now the role filter is at the top of the list, but it's going to end up taking a lot of space if all of them are added there. The mockup you had made was also very vertical, so I'm starting to think that you'd maybe want the filters on the side, as a side navigation kind of thing? (if so, it could be nice to do that first and create some kind of filtering feature branch so that everyone else working on filters doesn't start doing the same thing multiple times).

If you have the bandwidth to share your thoughts, please feel free to comment on #128.

[billimarie]

Hi everyone, just a quick update: @AnjanaMA has done a stellar job creating visual mock-ups. For anyone who would like to help, email me & I'll send over an invite.

If you would like to submit your design(s) as a pull request, I have updated this issue with instructions on how to do so.

[Octateam]

Is it too late to join on this issue ?

[billimarie]

@Octateam Not too late--feel free to email me (see my profile) & I will invite you to the Figma document.

[Octateam]

Thanks, sending you a mail right away

[billimarie]

Hello everyone, just a heads up that there is a new issue for the "Previous Prosecutors" section on the Attorney Profile: #151

[radhikasharma23]

I'd be glad to help as well :)

[jSadoski]

I haven't seen any updates to the figma board recently. I'd be happy to take on implementing this style. Please let me know if I should open a PR!

Edit: Or should this be a branch so multiple people can work on it?

[konpyuta]

Is this still being worked on design-wise or coding-wise?

[Ayushbajpai19]

I would like to work on this issue, if this is free

[Olorunsolavictor]

still open? I am glad to help! I love to design.

[KalliopiPliogka]

Hello, I see that this issue is open, I would like to contribute.

[Nabhel]

Hi, I see this is still open, I would like to contribute.