Redesign homepage based on supplied mockups

Đã hoàn thành Đã đăng vào 5 năm trước Thanh toán khi bàn giao
Đã hoàn thành Thanh toán khi bàn giao

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.

Links:

[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 Thiết kế trang web

ID dự án: #17525017

Về dự án

41 đề xuất Dự án từ xa 5 năm trước đang mở

Được trao cho:

hasanrajani

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] Thêm

$150 USD trong 5 ngày
(371 Đánh Giá)
8.0

41 freelancer chào giá trung bình$168 cho công việc này

monitrix

Hi, Check attached mock up will provide pixel perfect HTML/CSS design layout 100% all device responsive clean code. Ready to start now. Thanks:)

$200 USD trong 5 ngày
(552 Nhận xét)
9.2
Risalat1

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

$155 USD trong 3 ngày
(513 Nhận xét)
8.3
senthill10

Hi there! I saw your two jpg. I can convert them with the responsive mode. Please come to the PM. I can start the project now. Thanks Raja

$400 USD trong 3 ngày
(155 Nhận xét)
7.9
Yknox

Hello. I have checked your description deeply so I can understand what you want. I think bootstrap is good for this page if you are also on the same page. I have checked the sample site also. looks good :). I am Thêm

$277 USD trong 7 ngày
(168 Nhận xét)
8.1
ravichedwal

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 Thêm

$250 USD trong 3 ngày
(87 Nhận xét)
7.5
Sunita0610

Hi, I'm a Web Designer/Developer from the India. My name is Suraj. Your project description sounds interesting to me and I do have skills & experience that are required to complete this project. Relevant Skills and Thêm

$155 USD trong 3 ngày
(184 Nhận xét)
7.3
vranjan

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 Thêm

$183 USD trong 3 ngày
(201 Nhận xét)
7.4
seefattechnologi

Hey!! I am Highly interested to Redesign homepage according to your shared mockup. I am having 6 years Web design and development experience. I can design websites, web applications, mobile applications etc and p Thêm

$88 USD trong 3 ngày
(90 Nhận xét)
6.9
YuKai7777

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 Thêm

$133 USD trong 3 ngày
(44 Nhận xét)
6.8
JinDongZhe

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 Thêm

$155 USD trong 3 ngày
(41 Nhận xét)
6.6
an1566706

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 & Thêm

$50 USD trong 3 ngày
(92 Nhận xét)
6.7
cowboy14

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 trong 1 ngày
(108 Nhận xét)
6.0
symaticssolution

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 Thêm

$187 USD trong 3 ngày
(55 Nhận xét)
7.0
ayninfo

AYN InfoTech Private Limited  that has been in business (Software Development & Digital Marketing ) for the Past 10 Years. We have been an established and popular company with an excellent track record for the best cu Thêm

$155 USD trong 5 ngày
(1 Nhận xét)
5.4
saaz109

Hi, I have been through your requirement, and would like to discuss more with you regarding same. I believe in Client Satisfaction. I provide my clients with end to end solution within the prescribed deadline. Thêm

$155 USD trong 3 ngày
(44 Nhận xét)
5.6
designer504

My expertise in this field What we Expertise in: PowerPoint, EBOOKS, LOGO, Prezi, Editable and Fillable PDF, 2D, EXPLAINER VIDEOS, ANIMATION, Indesign,, Infographics, Illustrations, Brochures, Flyers, Posters, Busin Thêm

$140 USD trong 0 ngày
(10 Nhận xét)
4.4
oleul05

Dear Hiring Manager, I am a professional web developer with more than 4 years of experience with having the following experience HTML5, CSS3, JavaScript, Responsive Website design. Want to talk more in chat. Thanks

$244 USD trong 3 ngày
(17 Nhận xét)
4.5
narendragautam

Hi, I had developed responsive mobile and desktop feature in HTML5 with the help of bootstrap . send me landing page images . Thanks Narendra

$85 USD trong 3 ngày
(4 Nhận xét)
4.2
byas73

Hello Hope you are doing well. I checked the details and as per the requirement, I can redesign your home page. Are you available to discuss this further ? Feel free to contact for any further queries, will Thêm

$155 USD trong 3 ngày
(0 Nhận xét)
0.0