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!
Public Clarification Board
-
AndreasDEVELOPER
- 5 years 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!- 5 years ago
-
AndreasDEVELOPER
- 5 years ago
UPDATE: Setup the webpack environment. Ready to build.
- 5 years ago
-
Contest Holder - 5 years 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
- 5 years ago
-
AndreasDEVELOPER
- 5 years 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.- 5 years ago
-
Contest Holder - 5 years 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.
- 5 years ago
-
AndreasDEVELOPER
- 5 years 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!- 5 years ago
-
AndreasDEVELOPER
- 5 years ago
Update: Made this page responsive for mobile phones (Such as Iphone X, S6,S7,S8 / + / Edge, Iphone 5 etc.)
- 5 years ago
-
Contest Holder - 5 years 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
- 5 years ago
-
AndreasDEVELOPER
- 5 years 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!- 5 years ago
