Website Design TouchUp For Mobile + Responsive Design Needed For Tablet & Desktop
- Status: Closed
- Prize: $300
- Entries Received: 21
- Winner: vincentfeeney
-- The Task --
I designed a mobile website mockup in photoshop myself for our company marketing website. I will attach these files including the photoshop files and all resources used in it for use in your designs.
I need a mockup design for tablet and desktop using the same information I supplied in the mobile design that will match whatever touchup's or redesigns you do for mobile so that we stick with the same kind of theme. Please make sure designs conform and will look good in the specified minimum widths since the design needs to be RESPONSIVE. This means as the browser stretches and shrinks (or different sized devices view the website) the design won't fall apart.
The pages are located in the marketing website folder of my attachment in the subfolder labeled 'Mobile'. They include...
Home Page (1st slider, 2nd slider, 3rd slider)
Home Page Menu
Service Area Page
Service Area Page Local
Service Area Page Global
Start Quote Page (part 1)
Start Quote Page (part 2)
Gold (Bronze, Silver) Page
Compare Services Page
You can see the demos of these pages in the MOBILE PNG DEMOS folder. All resources, like pictures used, are located in the resources_used subfolder. The exception is the logo which is located in the very top of the folder and is designed to be used as a 'Linked Layer' for the logo between photoshop files. Please refer to my technical requirements for 'Linked Layers'.
In total roughly 9 designs (some easier than others) that are needed. This might sound like a lot but when you see the content on the page its not that bad. Please refer to the attachments. To save you time, you can always design the home page first and if I like that demo you can carry over that concept to the other pages. I will respond frequently on here once or twice every day.
To be clear, I'm not a good designer, what I did was a rough draft to help explain the layout I generally liked, I'm looking forward to your skills to make a better and more clean version that will extend easily to a tablet and desktop design. This means if the phone is switched to landscape mode for example the design will still be OK.
All pages and files will need to be present to win the contest.
The winner of this contest has the right to do the designs for the corporate and franchisee website that I will need next which can be arranged on another private deal.
-- Technical Requirements --
Photoshop CC 2014 Compatible Files Required** (Because Of Linked Layers)
Linked layers required for Header/Footer In Designs & Logo in case they change! Not sure what this is? Watch the video link to the right. ([login to view URL])
Named Photoshop Layers & Groups! (Otherwise I can't tell what is going on in the files you send, since I will be needing to modify the designs constantly as things change)
Mobile Design Specifications::
min-width: 320px - 599px
Tablet Design Specifications::
min-width: 600px - 1024px
Desktop Design Specifications::