Material Design Website Design Review/Input

  • Status: Closed
  • Prize: $100
  • Entries Received: 2
  • Winner: H8888

Contest Brief

I’m looking for a design review and creative ideas for 4 pages on my site. I have the general pages setup and what information I want to show. However, I want to make it look cleaner. This can mean moving things around on the page, changing fonts/titles, and using different UI elements.

I’m using the following Material Design bootstrap template [login to view URL] so I’d like to keep things consistent with those design ideas and elements available on the site.

There are a bunch of user interface items on the bootstrap template. See “User Interface”, “Widgets”, and “Javascript Components” tab on the left navigation from the above link. Please familiarize yourself with those widgets/concepts to use.

The attached files are screenshots and actual HTML file examples of what I have so far. The 4 folders each represent a page I’d like reviewed and updated. You can open the HTML file and be able to view the items in a browser. I’m either looking for new HTML with the sample data or a simple design mockup image (png, psd, anything). Although, actual HTML would be preferred. I haven’t nailed down a color yet so please just keep it consistent (ie. Use a primary/secondary color) from the colors list in the wrapbootstrap link above.

Overview: This site tracks reported incidents. Each incident has a summary, comments, messages.

#1 Incident Summary
This will show a summary of the incident and all related fields. Looking to spruce this up a bit and maybe organizing it a bit better. The tags on the right are just words that the user can set that are related to this incident.

#2 Incident Comments
This will be a list of comments from a user. At the bottom is a form where the user can add another comment to the list. Also looking to make this look better.

#3 Incident messages
Basically the same as the comment tab. The bottom is a form where the user can send a message to phone numbers and email addresses.

#4 Procedure
This page allows the user to define a step by step process for resolving an issue. So, Step 1 -> Step 2 -> Step 3. Each procedure item only has a title for now. The user can add new items to the bottom of the list, move the items up and down to move them to a different order. I’m thinking about making each items card smaller. Perhaps putting arrows in between each item in the list to show the order.

There will be more work after this for more pages. Thank you.

Recommended Skills

Employer Feedback

“Great work!”

Profile image kevin183, United States.

Public Clarification Board

  • VisionXTech
    • 5 months ago

    Hi dear contest holder, I hope you are having an amazing day. I want to let you know that I have read your requirements thoroughly and would love to work with you on this project and your future Projects as well. And you can also visit my Profile to see testimonials from my beloved clients and portfolio as well. And the most important thing that I want to emphasize is I believe in long term and good relations with my clients so I'm looking forward to have a good conversation with you soon. Please feel free to contact me.

    • 5 months ago
  • H8888
    • 5 months ago

    Hi, deliverable files are only design (psd,png,...), yes? without any code

    • 5 months ago
    1. kevin183
      Contest Holder
      • 5 months ago

      Design files are fine. The HTML is included in the assets so it might be easier to change the raw HTML.

      • 5 months ago
    2. H8888
      • 5 months ago

      Ok, thanks for feedback, I already start to work, it's good that if I can't help with html I can give design

      • 5 months ago
  • Baljeetsingh8551
    • 5 months ago


    • 5 months ago
  • Zyoudyy
    • 5 months ago

    #guaranteed ,Thanks

    • 5 months ago
  • abdul7alam
    • 5 months ago

    Hey, I have over 4+ years experience in this field and I would love to help you out. Please dm me so we can discuss it further. Thank you!

    • 5 months ago

Show more comments

How to get started with contests

  • Post your contest

    Post Your Contest Quick and easy

  • Get tons of entries

    Get Tons of Entries From around the world

  • Award the best entry

    Award the best entry Download the files - Easy!

Post a Contest Now or Join us Today!