Freelancer: AndreasDEVELOPER
Share:
Report Entry

Single web page redesigned

Withdrawn last one as i added more elements and filled empty space. Built 'Products Search' (Picture 2) and 'Product' pages. Products search result page displays searched results in blocks. Main product page is indeed responsive to medium sized devices. I designed add to cart block so it can adapt to user scroll (it has fixed position so it follows when user scrolls). I believe you have some kind of a Database in the backend so i tried making HTML simple looking and well documented as i know it can be really hard to display DB elements onto the DOM without proper DOM construction. I was about to adapt design of reviews to look more like Amazon's. Though, i need to be sure if you want such thing or not (as some of employers really avoid copying elements from other websites/apps). Feedback is appreciated!

Contest Entry #6 for Single web page redesign

Public Clarification Board

  • AndreasDEVELOPER
    AndreasDEVELOPER
    • 1 month ago

    Here is what i came up with.
    > https://ibb.co/s9wzs12
    If quality looks bad, download the image and zoom it in then!

    So i reduced the size (margin) between main description and table content. As well i reduced the width of the table so it is centered.
    Any other changes / improvements you suggest?

    Cheers!

    • 1 month ago
    1. AndreasDEVELOPER
      AndreasDEVELOPER
      • 1 month ago

      UPDATE: Setup the webpack environment. Ready to build.

      • 1 month ago
  • tunnelboy
    Contest Holder
    • 1 month ago

    Sorry, I can't figure out how to add an attachment, but the online white space I'd like to see disappear is right above the two small thumbnail images and below the main description. To the left of "Award Value" box. Is there any way to move everything up a little there? Thanks

    • 1 month ago
    1. AndreasDEVELOPER
      AndreasDEVELOPER
      • 1 month ago

      Yes i can remove that white space by moving two thumbnails up.
      Could you text me directly to inbox so i can attach screenshot there?
      Otherwise i'll have to upload it.

      • 1 month ago
  • tunnelboy
    Contest Holder
    • 1 month ago

    Oh so if I award this to you, you will be giving me the HTML5 code? Let me send you a screen shot if I can figure out how to do that.

    • 1 month ago
    1. AndreasDEVELOPER
      AndreasDEVELOPER
      • 1 month ago

      That is correct. You will get HTML5 files.
      I will explain it in details, no worries about that.
      Sure, you can send it to my inbox!

      • 1 month ago
  • AndreasDEVELOPER
    AndreasDEVELOPER
    • 1 month ago

    Update: Made this page responsive for mobile phones (Such as Iphone X, S6,S7,S8 / + / Edge, Iphone 5 etc.)

    • 1 month ago
  • tunnelboy
    Contest Holder
    • 2 months ago

    Hi Andreas. I like the simplicity of your design. Seems to be a lot of open space, but maybe that's a good thing. Yes, everything is in a database. Are you able to also code the page for me (for a price)? I'd also need to add our existing sidebar menu and header even though they are very outdated looking. One thing at a time. Also, the entire page is 4.01 HTML, so maybe it is time to do away with that? Thx

    • 2 months ago
    1. AndreasDEVELOPER
      AndreasDEVELOPER
      • 2 months ago

      Hello!
      I can surely fill that whitespace with some content that will actually fit good. Though i'll have to think that through what could that be.

      What do you mean by "Code the page for you"?
      If you are referring to this page, it is already coded!
      As for the side bar and navbar, i can work on designs for both of them. As you can see on the image, i use slide-out sidebar which is responsive and pretty smooth!

      And finally, yes. This is HTML5. Aside of that i used CSS preprocessor SASS (SCSS) which is much more flexible than regular css!

      • 2 months ago

Show more comments Processing...