Redesign homepage based on supplied mockups

We have an existing content management system which is used to contribute news, match reports, videos and related content. We want to refresh the public facing front page of the site.

The scope of this project is to redesign the home page only - we have a server side developer who will then integrate this with the existing platform.

The old layout is not mobile friendly, very text-y and lacking up-to-date navigation features.

We want to move to a modern responsive design. I have created some mockups covering how we think it could look on a Desktop or mobile device.

It should use modern CSS and HTML5 techniques to achieve this, such as image src sets for the main carousel, so that it looks good on all screen resolutions. As an example, I think Dundee United’s web site does this well (See link below). Even if you shrink a desktop browser window to a smaller size it automatically detects that and adjusts what is presented on the screen. We would prefer the bootstrap library to be used but open to discussion on this.

Our stats show that we get visitors on all major devices and browsers – iOS, android, windows, apple and linux. Mobile, tablet and desktop. Therefore, the design will need to be standards compliant and work across all these platforms.

Starting at the top of the page should be a main site banner followed by the navigation menu. That will split into sub-menus per category. This can either be a dropdown as shown on the mockup or a submenu that opens when the category is clicked. If on a smaller resolution the menu should fold down to the top right corner and a mobile friendly menu appear instead.

Next is the main carousel which will show the most recent news stories or match reports. This should flick between 4-5 stories. In most cases it will be images but occasionally we have video content. We use vimeo for hosting the videos (see current site but you might need to go back to April as there have not been any posted recently). If the video can be played from within the carousel that would be ideal, but if not a still image could be shown and a popup or link to another page with the embedded video. We anticipate video content becoming more prominent in future than it was last season.

Below that is a variable number of pinned pages which link off to more content. Then further down, next/previous match, league table and sponsor logos at the very bottom.


[login to view URL] – current site

[login to view URL] – DUFC mentioned above

They are using the following resolutions in their main carousel which seems to work well:

Desktop image - 2000x700

Tablet image - 1024x700

Mobile image - 640x700

Please note the end deliverable for the project will be all the CSS/HTML/Javascript code.

ทักษะ: Bootstrap, CSS3, HTML, Javascript, ออกแบบเว็บไซต์

ดูเพิ่มเติม : website redesign template, redesign website checklist, website redesign process, redesigning a website steps, website redesign, website redesign best practices, how to redesign your website, redesign existing website, build a web contact form on an existing html website, build a website !, build a website (forum, build a website (like zomato), build a website + android&ios, build a website + wordpress + responsive websites, build a website +android, build a website - business manager, build a website - kg, build a website - logo design - branding, build a website - magento, build a website - psd will be provided

( 3 บทวิจารณ์ ) United Kingdom

หมายเลขโปรเจค: #17525017



EDITED :: I AGREE on providing HTML/CSS/JAVASCRIPT as final files for homepage. Hello, I am interested in your project. My bid is for Homepage design + html/css conversion. My Portfolio : [login to view URL] เพิ่มเติม

$150 USD ใน 5 วัน
(317 บทวิจารณ์)

freelancer 53 คน กำลังเสนอราคาเฉลี่ยที่ $161 สำหรับงานนี้


I have checked your attachment we have similar example also Design Link [login to view URL] Live website e-commerce sites: ********************************************** เพิ่มเติม

$100 USD ใน 3 วัน
(842 บทวิจารณ์)

Hello, Yes I have checked website [login to view URL] and given mockup design and can setup the desktop and mobile view accordingly. This work will take time around 3-4 days . I am waiting for you เพิ่มเติม

$150 USD ใน 4 วัน
(299 บทวิจารณ์)

Hello Sir/Mam, I have vast experience & very good knowledge of web designing & coding have developed many websites. Once you chat I will show & refresh a very good front page of website as you required. Clien เพิ่มเติม

$250 USD ใน 3 วัน
(63 บทวิจารณ์)

Hi, Your arrangement of the job description is fully understandable and I have understood it very well. I can help you in the creation and management of your website, as well as all of your internet marketing and เพิ่มเติม

$183 USD ใน 3 วัน
(109 บทวิจารณ์)

Please check some of our Creative work. [login to view URL] [login to view URL] [login to view URL] [login to view URL] [login to view URL] Ready to modify your homepage based on provided template. Our website i เพิ่มเติม

$150 USD ใน 1 วัน
(332 บทวิจารณ์)

Hi there, I have gone through your complete job description and I have more than 5 years experience in Web Design and Development. My core expertise in WordPress, PHP, HTML5, CSS3, JS, MySQL, Opencart, Bigcommerce, เพิ่มเติม

$155 USD ใน 3 วัน
(36 บทวิจารณ์)

Ready to work with you, could you please send me some more details about your project so we will estimate it accordingly....

$155 USD ใน 3 วัน
(384 บทวิจารณ์)

I have 10+ years of experience and expert website design and html/css responsive. I read through the job details extremely carefully and I am absolutely sure that I can do the project work very well. I will provide you เพิ่มเติม

$222 USD ใน 3 วัน
(99 บทวิจารณ์)

HI, sir . How are you? I have gone through your project and now am very interested in your project. I have full experience with mobile friendly website . I can use Bootstrap 4.1 or responsive programming. I hope to เพิ่มเติม

$155 USD ใน 3 วัน
(19 บทวิจารณ์)

HI there, Consider it as done. Able to redesign your site as your mockup and responsive design, Ready to start right now. Waiting for your reply. Thanks, Sakib

$190 USD ใน 1 วัน
(83 บทวิจารณ์)

Hello, I'm a professional web developer which not only uses techniques in creating things, but also much creativity. I have been working as a professional web developer for the last 8 years + and have done many sites. เพิ่มเติม

$200 USD ใน 1 วัน
(83 บทวิจารณ์)

I read your project description …Redesign homepage based on supplied mockups ……..and we are very exited to work on it We are an group and we have an expert & qualified to accomplish your project in professional & เพิ่มเติม

$50 USD ใน 3 วัน
(39 บทวิจารณ์)

Hi there, I have gone through your project requirement specification and as per my previous experience with this, I am ready to complete your work with your satisfaction I will make the same as you need and men เพิ่มเติม

$100 USD ใน 3 วัน
(15 บทวิจารณ์)

Hi, Greetings! I can start work immediately because of having a great experience in developing websites for the past 8+ years & provide the best solution at a stipulated time & cost. I’ve built websites for severa เพิ่มเติม

$200 USD ใน 3 วัน
(3 บทวิจารณ์)

Hi There, I am Expert Front-End Designer/Developer with 6+ year’s quality experience in design & development of website graphics, email templates, mobile app UI, wire-framing, and banners/flyers/info-graphic creatio เพิ่มเติม

$187 USD ใน 3 วัน
(26 บทวิจารณ์)

Hi, I am a front-end developer and also I am UI/UX design specialist as well, I have checked your attached files her, I am willing to start this work ASAP, I can complete this task within a 2 days Having experienced เพิ่มเติม

$100 USD ใน 3 วัน
(19 บทวิจารณ์)

Hello! I am YuKai freelancer from China. Responding to the bid of the England Client is my simple pleasure, and it will be my gratitude for you to respond to my bid. First I want to show you my major skills that I c เพิ่มเติม

$133 USD ใน 3 วัน
(8 บทวิจารณ์)

Hello. I can do within 3 hours. I've much experience for developing the front-end and back-end for 9+ years. [login to view URL] [login to view URL] You can check my skill at this site. Let's เพิ่มเติม

$111 USD ใน 1 วัน
(7 บทวิจารณ์)

Hello sir Now that come through your whole proposal carefully and got it your idea. If you hire me our team can complete your task faithfully. Thanks and regards Vladimir M

$222 USD ใน 3 วัน
(12 บทวิจารณ์)

Hello, We hope that you are having an amazing day. We are pleased to tell you that we have epertise in Mockup Design and Development with many years of experience. And would like to work with you on your current and เพิ่มเติม

$200 USD ใน 5 วัน
(5 บทวิจารณ์)