GUI Facelift for existing website

This project is for the development of a new design for an existing website, ThisCity.com.

I have already begun working on a new layout for the website, but I would like for YOU to suggest some new styling ideas such as colors, box styles, and font sizes/colors to use with the new layout.


- I have made some 'rough copy' layouts for a new design. Your job is to take my ideas and make a 100% complete and professional design from them

- Your job is to develop 3 new boxstyle/header/color schemes for [url removed, login to view]

- You will make 2 pages using the new schemes

- After I select the style that I like the most, we will talk about actual implementation into our live website.

I have included some more detail about the project below. The main tasks are #1-5, all other information is just some of my comments about the task. My extra notes might be 'too much information' to be including in this posting, but I wanted to include it anyway. the main thing is for you to be aware of tasks 1-5.

1. Propose a set color tablet and font CSS scheme for the website. Our site now is almost all white, and while I do want to maintain the ‘plain’ styling like Google and Facebook employ, our site needs a little bit more color to balance things out.

a. The font sizes/colors in the screenshots are borrowed largely from Facebook. Of course I don’t want to copy them completely, but I like how they are making effective use of space on the page by using small fonts and also a lot of grey’s instead of straight black. We need to come up with a color scheme of our own.

b. My screenshots use the Century font, which I do like, but don’t think is a web standard font. In your design ideas, you would specify the specific font size, style and color used in each part of the website, including line spacing information.

2. Show me a few different ‘box styles’ we could use to hold content on the pages. The boxes with the rounded corners and straight shade don’t do it for me.

3. Develop a new header design for the website.

a. I have a few different working versions for the header of the new site that I am considering. You can see that our current live site has a different header design than I have used in my screenshots. There are a few different versions in the screenshots. I am fond of the new one that I have used in many of my screenshots (with the main nav menu at the very top of the page), however I think it needs to be improved upon. I took that concept (menu at the very top) from Google’s website. There are a few important elements to keep in mind

i. The new header should use as little height on the page as possible to make room for more content to be visible when a page is loaded.

ii. As I mentioned I do like having the main nav elements at the very top of the page, however this makes it difficult for there to be sub-menu items. As you can see from my screenshots, some sections do have sub-menu sections and they are just kindof ‘floating’ there on the page and not placed well. Hopefully you can come up with a design that allows for top of page navigation and also sub-menu items.

4. Take my ‘Homepage’ screenshot and turn it into a real working version. Your version won’t use database driven information, it will just be a sample page with all of the decided upon font colors/sizes/styles and all the content done up in html/js and looking exactly how it would look on a live site.

a. I want to use the same ‘mouse over’ ability that FB and many other sites use on their content. When you mouse over a piece of content in say, the News Feed on facebook, you see a little ‘options’ icon appear that lets you access options for that content. For now the only thing that I would want to appear with our mouseover is the ‘AddThis’ widget, but in the future this mouse over access to menu options will give users the ability to do more with the information, like add it calendar, comment, etc.

5. Take my Events screenshots and also turn it into a working version, also using the mouse over functionality.

a. You will see in my screenshot that I have a menu that users can access to filter the results on the page. Users would be able to click a tab/button that says something to the effect of ‘Refine Results’ which will make the menu appear on the screen. The menu will slide into view much like the content loads on this website ([url removed, login to view]) when you click sign up now.

On some pages there will also be a 'Show Results on Map' tab/button that the user could click to reveal a map with points showing each result. So basically, this needs to be designed so that there can be more than one 'expandable' area, such as the 'refine results' and 'show results on map' buttons.

b. For each 'refine results' filter option, there should be some kind of icon or change that reflects whether the option has been chosen or not. (like a checkmark or something) so that they can deselect it when needed.


- I have made some 'rough copy' layouts for a new design. Your job is to take my ideas and make a 100% complete and professional design from them

- Your job is to develop 3 new boxstyle/header/color schemes for [url removed, login to view]

- You will make 2 static pages using the new schemes

- After I select the style that I like the most, we will talk about actual implementation into our live website.

I have attached the 3 files you will need for this project. I also have layouts for almost all the other pages on the site. If you would like to see them, just ask.

You will not be making these pages with Database driven information. you are only going to make static pages as samples. Once I select the styling that I like the most, then we can talk about implementation into the live website.

To bid on this project.

- You MUST show a portfolio with some good designs that you have done

- You MUST be able to begin immediately.


Kemahiran: AJAX, Reka Bentuk Grafik, Photoshop

Lihat lebih lanjut: www site real develop com, white web designs, white space in graphic design, which line is not used in graphic design, which develop website, when to look for a new job, website tab icon, website scheme, website samples designs, website menu designs, website making site, website making job, website makes, website layout using css, website icon html, website filter design, website development project ideas, website development options, website development ideas, web pages icon, web page designs ideas, web icon set, web icon and design elements set, web for web design, web develop news

Tentang Majikan:
( 25 ulasan ) Calgary, Canada

ID Projek: #381464

Dianugerahkan kepada:


Hi I am a graphic designer specialized in interactive media and webdesign. I think I may be able to fully answer all the requirements for this job. I would really like to know more about it. Check out my portfolio Lagi

$500 USD dalam 7 hari
(3 Ulasan)

9 pekerja bebas membida secara purata $549 untuk pekerjaan ini


i can help you,contact me to talk more,thanks

$750 USD dalam 0 hari
(43 Ulasan)

pls see PM for details,thanks

$600 USD dalam 7 hari
(99 Ulasan)

hello, please check pmb for details. Crayons

$500 USD dalam 5 hari
(82 Ulasan)

Hi Sir, We are ready to start up with your Project with our excellent team of programmers, Designers & Project Managers. We are 100% confident for a successful delivery of your Project. We are providing our Services Lagi

$312 USD dalam 2 hari
(0 Ulasan)

We have gone through the information that you have provided and understand your requirements very well. We have excellent expertise in PHP5, MYSQL, DRUPAL, JOOMLA, HTML, CSS, AJAX, JAVA, J2ME, JSP, SEO, SEM, ASP.NET, V Lagi

$725 USD dalam 25 hari
(0 Ulasan)

Hi Sir/Madam, Greetings from Maketick, Inc. We are an organization empowered with 50+ professionals Senior Graphics designers, Solutions Architect, Software Engineers, Project Managers etc. We are based in Silicon Va Lagi

$550 USD dalam 10 hari
(4 Ulasan)

Hi. Pls check your PMB

$500 USD dalam 5 hari
(0 Ulasan)

Hi, My name is Wahidin Wong and I am a designer from Jakarta, Indonesia. I noticed that you need a designer as posted in elance.com. I would like to recommend myself for it :). Please check [url removed, login to view] and Lagi

$500 USD dalam 5 hari
(0 Ulasan)