Freelancer: AndreasDEVELOPER
Teilen:
Beitrag melden

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!

Wettbewerbs Eintrag #6 für                                                 Single web page redesign

Öffentliche Anschlagtafel

  • AndreasDEVELOPER
    AndreasDEVELOPER
    • 5 Jahre zuvor

    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!

    • 5 Jahre zuvor
    1. AndreasDEVELOPER
      AndreasDEVELOPER
      • 5 Jahre zuvor

      UPDATE: Setup the webpack environment. Ready to build.

      • 5 Jahre zuvor
  • tunnelboy
    Wettbewerbs-Inhaber
    • 5 Jahre zuvor

    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

    • 5 Jahre zuvor
    1. AndreasDEVELOPER
      AndreasDEVELOPER
      • 5 Jahre zuvor

      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.

      • 5 Jahre zuvor
  • tunnelboy
    Wettbewerbs-Inhaber
    • 5 Jahre zuvor

    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.

    • 5 Jahre zuvor
    1. AndreasDEVELOPER
      AndreasDEVELOPER
      • 5 Jahre zuvor

      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!

      • 5 Jahre zuvor
  • AndreasDEVELOPER
    AndreasDEVELOPER
    • 5 Jahre zuvor

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

    • 5 Jahre zuvor
  • tunnelboy
    Wettbewerbs-Inhaber
    • 5 Jahre zuvor

    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

    • 5 Jahre zuvor
    1. AndreasDEVELOPER
      AndreasDEVELOPER
      • 5 Jahre zuvor

      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!

      • 5 Jahre zuvor

Mehr Kommentare zeigen In Bearbeitung...