Minimalist Table Redesign in Tailwind
Budget: $30 – $250 USD
I'm seeking a skilled designer to redesign/relayout a table in my app, maintaining a minimalist and clean style while still utilizing Tailwind. The goal is to enhance the visual appeal of the page/table for web/laptop/PC screens.
Key aspects to focus on:
- Prioritizing clear typography and readability
- Enhancing intuitive user interaction
While the overall design will be modern and minimalist, it's crucial to retain the current color scheme. I am not after for an exact match in color but more of having a better layout in showing the data available in each row
Ideal skills for the job:
- Proficiency in web design with Tailwind
- Strong background in minimalist design
- Excellent understanding of typography and color schemes
- Experience in creating intuitive user interfaces
There are 3 <div> Tables: Income, Budget and Expense
NOTE: each row can be part of a category if user categorizes it ( see budget pic attached)
Each row in the table have the following data points:
INCOME TABLE:
Column 1:
Header: Description
- Short Description
- Long Description
Column 2:
Header: Envelope
- A user defined string that indicates where the money is sourced but shown as a tag
Column 3:
Header: Date
- Just a general string for the Date
Column 4:
Header: Amount
Amount
Column 5:
Header: Unbudgeted Spend
Amount
Column 6:
Header: Available
Amount
Column 7:
Header Actions
Ellipsis Button
BUDGET TABLE
Column 1:
Header: Description
- Short Description
- Long Description
Column 2
Header: Income
- the Short Description of the Income where this will be linked to. Just a string shown as a tag
Column 3:
Header: Envelope
- same as Income Table
Column 4:
Header: Amount
- Amount
Column 5
Header: Remaining
- Amount
Column 6:
Header: Actions
2 Buttons sharing the same column
- A lightning icon button
- ellipsis button
EXPENSE TABLE
Column 1:
Header: Description
- Short Description
- Long Description
Column 2:
Header Source
- Name of Budget it was from. Just a string inside a tag
Column 3:
Header: Envelope
- same as Income Table
Column 4:
Header: Amount
Amount
Column 5:
Header: Actions
- Ellipsis button
Key aspects to focus on:
- Prioritizing clear typography and readability
- Enhancing intuitive user interaction
While the overall design will be modern and minimalist, it's crucial to retain the current color scheme. I am not after for an exact match in color but more of having a better layout in showing the data available in each row
Ideal skills for the job:
- Proficiency in web design with Tailwind
- Strong background in minimalist design
- Excellent understanding of typography and color schemes
- Experience in creating intuitive user interfaces
There are 3 <div> Tables: Income, Budget and Expense
NOTE: each row can be part of a category if user categorizes it ( see budget pic attached)
Each row in the table have the following data points:
INCOME TABLE:
Column 1:
Header: Description
- Short Description
- Long Description
Column 2:
Header: Envelope
- A user defined string that indicates where the money is sourced but shown as a tag
Column 3:
Header: Date
- Just a general string for the Date
Column 4:
Header: Amount
Amount
Column 5:
Header: Unbudgeted Spend
Amount
Column 6:
Header: Available
Amount
Column 7:
Header Actions
Ellipsis Button
BUDGET TABLE
Column 1:
Header: Description
- Short Description
- Long Description
Column 2
Header: Income
- the Short Description of the Income where this will be linked to. Just a string shown as a tag
Column 3:
Header: Envelope
- same as Income Table
Column 4:
Header: Amount
- Amount
Column 5
Header: Remaining
- Amount
Column 6:
Header: Actions
2 Buttons sharing the same column
- A lightning icon button
- ellipsis button
EXPENSE TABLE
Column 1:
Header: Description
- Short Description
- Long Description
Column 2:
Header Source
- Name of Budget it was from. Just a string inside a tag
Column 3:
Header: Envelope
- same as Income Table
Column 4:
Header: Amount
Amount
Column 5:
Header: Actions
- Ellipsis button