Need report UI design in HTML5 & CSS
- or -
Post a project like this2319
$60
- Posted:
- Proposals: 7
- Remote
- #1818510
- Awarded
Top-Rated WordPress Developer & SEO Expert – Elevate Your Online Presence!
Islamabad
14243164994510165921251516169309919285731928606
Description
Experience Level: Intermediate
Estimated project duration: less than 1 week
Industry: Internet/Software
Kind of design: Single web page
Num. of web pages: 1
Description of every page: Need UI design for our report
We have a small report designer that outputs a straight forward HTML statement report. I need a better design of this output report.
We use dotNet and Bootstrap framework – so it needs to be consistent with those. It is responsive design so the app is available on phone and tablet too.
The requirement is to create report UI using HTML and CSS. No implementation is required. You need to create it from your imagination with the below UI features mentioned.
Most of the needs here are very standard and simple.
Report format needs the following:
It needs to look very modern and current
It needs to look clean and easy to read
It should have a nice sense of coloring that is also modern
It should sort, group, in an attractive and clear way.
Group headers and footers across many levels should be clear and meaningful
Page header and page footer has to be designed well
Report header and report footer has to be designer well.
Font, font size, coloring of different types of data should all be designed for attractiveness
Proper Indentation should be designed
Positioning for a standard 1366x768 resolution should be designed
But it should work well on one smaller and one larger resolution too.
It should work well on phone and tablet
Field value may choose word wrap. So design should accommodate well.
First field can have drill-through
Find/Search a value in the report
toggling ability of a report.
Filter ability, Criteria selection and modification should be designed
Some specifics:
A small space to the rop-right of number fields to show a three character currency code ( e.g. USD) in light color. Tiny font. Maybe 6.
Logo is necessary in top right.
----------------------------------------------------
Urls to draw inspiration from: https://airtable.com
----------------------------------------------------
Nice to have:
Navigation should be designed
We plan to add in future – if you have time show us how it would fit.
Drill through from any field
Collapse and expand groups (rows) and hide and display details – inside the report itself
Collapse and expand columns and hide and display those values
Filter data by field values – consistent with MS Excel filtering
Action to be associated with any detail record showing in the report. Maybe a small action icon like a gear.
Change colors of data based on conditions similar to MS Excel Conditional Formatting.
------------------------------------------------------------------------------------------------
* Output should be one html page with css, jquery files and images.
Ideas for the visual style: Responsive and Business Styles and colors
Urls to draw inspiration from: https://airtable.com/templates/sales-and-customers/expvjTzYAZareV1pt/sales-crm
Extra notes: We are also requiring the report design to support Material Design in mobile devices.
Kind of design: Single web page
Num. of web pages: 1
Description of every page: Need UI design for our report
We have a small report designer that outputs a straight forward HTML statement report. I need a better design of this output report.
We use dotNet and Bootstrap framework – so it needs to be consistent with those. It is responsive design so the app is available on phone and tablet too.
The requirement is to create report UI using HTML and CSS. No implementation is required. You need to create it from your imagination with the below UI features mentioned.
Most of the needs here are very standard and simple.
Report format needs the following:
It needs to look very modern and current
It needs to look clean and easy to read
It should have a nice sense of coloring that is also modern
It should sort, group, in an attractive and clear way.
Group headers and footers across many levels should be clear and meaningful
Page header and page footer has to be designed well
Report header and report footer has to be designer well.
Font, font size, coloring of different types of data should all be designed for attractiveness
Proper Indentation should be designed
Positioning for a standard 1366x768 resolution should be designed
But it should work well on one smaller and one larger resolution too.
It should work well on phone and tablet
Field value may choose word wrap. So design should accommodate well.
First field can have drill-through
Find/Search a value in the report
toggling ability of a report.
Filter ability, Criteria selection and modification should be designed
Some specifics:
A small space to the rop-right of number fields to show a three character currency code ( e.g. USD) in light color. Tiny font. Maybe 6.
Logo is necessary in top right.
----------------------------------------------------
Urls to draw inspiration from: https://airtable.com
----------------------------------------------------
Nice to have:
Navigation should be designed
We plan to add in future – if you have time show us how it would fit.
Drill through from any field
Collapse and expand groups (rows) and hide and display details – inside the report itself
Collapse and expand columns and hide and display those values
Filter data by field values – consistent with MS Excel filtering
Action to be associated with any detail record showing in the report. Maybe a small action icon like a gear.
Change colors of data based on conditions similar to MS Excel Conditional Formatting.
------------------------------------------------------------------------------------------------
* Output should be one html page with css, jquery files and images.
Ideas for the visual style: Responsive and Business Styles and colors
Urls to draw inspiration from: https://airtable.com/templates/sales-and-customers/expvjTzYAZareV1pt/sales-crm
Extra notes: We are also requiring the report design to support Material Design in mobile devices.
CellarStone M.
96% (45)Projects Completed
50
Freelancers worked with
34
Projects awarded
53%
Last project
22 Dec 2022
United States
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
Please let me know if still available?
556625
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies