Optimize and convert WordPress-design to Bootstrap
- Status: Closed
- Prize: $250
- Entries Received: 14
- Winner: Lakshmipriyaom
Contest Brief
I have this free website animal re-placement site for pets in WordPress: http://omplassering.no
I want to have a bootstrap-version of this site - it is currently in WordPress, but I want it in html5 html and css. Why bootstrap? Because I know the framework and can easy add elements later. So you adjust any css so that I can use bootstrap components like panels and so on with same colors as you suggest.
I generally like the current design, but you can optimize it and come up with suggestions YOU feel makes the site better. I love the header-image (must keep) and I specially like the ad-listings on the frontpage and this is a must: There is a pattern (background) behind each ad, it is not just one grey color - it is a very weak background pattern that you MUST implement just like it is. You must also implement the banner over the image in the ad-listing/frontpage (it shows location).
You don't have to implement the small category-bar above the listings. Frontpage only shows latest listings (only two ones there now, but will show at least the latest 10 or so). There is also three blog-entries below the ad-listing.
The footer and font used there is good as it is.
Contest rules:
- Design the frontpage (drawing or sketch) and submit it here for review by me.
- If I like it, I may ask you to design the category-subpage and the detailed page.
- If you win, you must code the three pages into html/css/bootstrap.
Colors:
I don't think it is so bad now, so you can keep the same color-palette similar to what it is now. Maybe just a little less orange and smaller (in heigth) main navbar. You can see an earlier version of the site here and I like the black top line better than the one completely black I have today: https://web.archive.org/web/20130801075955/http://omplassering.no/?
Rigth column: I want to add a list of 5-10 latest ads in the rigth column and I want to have the rigth column static and always present if possible. Also on sub-pages.
These pages should be designed (just the first one for now):
1) http://omplassering.no
2) http://omplassering.no/kategori/hund/
3) http://omplassering.no/annonse/golden-retriever-valper-til-salgs-na/
You must be fluent with Bootstrap, I want the site to be mobile friendly.
Recommended Skills
Employer Feedback
“Got the job done. Delivered an amazing psd, but converting it to html seemed to be a challenging. I had to point out many details that was far from equal fonts and where design was different.”
DeltaUser, Norway.
Public Clarification Board
How to get started with contests
-
Post Your Contest Quick and easy
-
Get Tons of Entries From around the world
-
Award the best entry Download the files - Easy!