Website Design TouchUp For Mobile + Responsive Design Needed For Tablet & Desktop

  • Trạng thái: Closed
  • Giải thưởng: $300
  • Các bài thi đã nhận: 21
  • Người thắng cuộc: vincentfeeney

Tóm tắt cuộc thi

-- 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. ([url removed, login to view])
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::
min-width: 1025px+

Các kĩ năng được đề xuất

Những bài dự thi tốt nhất dự cuộc thi này

Xem nhiều bài dự thi hơn

Bảng thông tin công khai

  • x11joe
    Người tổ chức Cuộc thi
    • cách đây 2 năm

    Out of respect for the other designers I've chosen a winner early to complete the rest of the tasks since I really love the work he has done. Congrats Vincent on winning the contest. Thank you everyone for your participation!

    • cách đây 2 năm
  • x11joe
    Người tổ chức Cuộc thi
    • cách đây 2 năm

    Since a lot of new designers are making the same mistakes I wanted to clarify a few points. If you follow these you will probably get a 5/4 star rating and be a competitor in the contest. This websites purpose is to get leads for pool service not to give information like a typical website, you could think of this as an advanced landing page (the home page that is). The LESS text the better! The main points are----------------------------- 1.) Call to action MUST be focused on 'Start Quote', first thing your eye is drawn too.------------------------2.) Phone Number--------------3.) Prices of the services *make sure it says 'starting at'* with the prices for legal reasons-------------------------------- 4.) Video-------------5.) Commercial Service & Service Areas Section + Optionally Compare Services----------------6.) Explanation about how we take photos of their pool and how they can see it on mobile device.-----------------7.) Any reference to social media and footer/badges etc.

    • cách đây 2 năm
    1. x11joe
      Người tổ chức Cuộc thi
      • cách đây 2 năm

      Tip:: Avoid text that does not serve any purpose. Think about when you go to a website and want to buy a service. If there is so much text and distractions you might just click away in frustration. The idea is to guide the customer to what they need to do, which is the 'Start Quote' or to call the phone number.

      • cách đây 2 năm
    2. x11joe
      Người tổ chức Cuộc thi
      • cách đây 2 năm

      Tip:: Don't try to be fancy, simpler the better, stick to less images and more just colors, this will help load times on mobile/tablet devices and be less distracting and in my opinion look more professional.

      • cách đây 2 năm
  • monmohonsingha76
    monmohonsingha76
    • cách đây 2 năm

    hi bro any feedback for my entry #15

    • cách đây 2 năm
  • waqasdeveloperz
    waqasdeveloperz
    • cách đây 2 năm

    Please check my entry #12 #13 #14 and give me feedback.

    • cách đây 2 năm
    1. x11joe
      Người tổ chức Cuộc thi
      • cách đây 2 năm

      layout is good, but I'm not liking the design quality or colors? A call to action is really important, like a contact form that the clients can fill out. Also the video doesn't need all the sub videos, we only have 1 video, for this reason I rated 1, but if you try again you can probably do better.

      • cách đây 2 năm
  • x11joe
    Người tổ chức Cuộc thi
    • cách đây 2 năm

    I think what I might have to do here to make this more fair for designers is we do a home page contest, showcasing, mobile/tablet/desktop for home page, and the winning designer I'll have them do the other pages to complete the contest? Is this something everyone can agree to? I think this will make it more worth while to push forward entries? We can also to save you time, have you stick to home page only, and if I accept you know its safe to move forward. Let me know your thoughts everyone, my first time trying contest like this for web design.

    • cách đây 2 năm
    1. x11joe
      Người tổ chức Cuộc thi
      • cách đây 2 năm

      I might have no choice but to make everything sealed for everyone.

      • cách đây 2 năm
    2. x11joe
      Người tổ chức Cuộc thi
      • cách đây 2 năm

      Hendrilubis, I think the best thing to do is manually seal your entries in this case. This way things are fair, I'll just guide everyone in the right direction one by one.

      • cách đây 2 năm
  • waqasdeveloperz
    waqasdeveloperz
    • cách đây 2 năm

    Please check my entry #10.

    • cách đây 2 năm
    1. x11joe
      Người tổ chức Cuộc thi
      • cách đây 2 năm

      I don't think the images uploaded correctly?

      • cách đây 2 năm
  • waqasdeveloperz
    waqasdeveloperz
    • cách đây 2 năm

    please check my entry #6 and give me feedback.

    • cách đây 2 năm
    1. x11joe
      Người tổ chức Cuộc thi
      • cách đây 2 năm

      Designs with only necessary elements in mind while focusing on the CTA (Call to Actions). In my case, its the phone number and Start Your Quote button. My speciality is in advertising, the current website does well to bring us customers because its simple. This article might give some ideas for everyone (https://blog.kissmetrics.com/100-conversion-optimization-case-studies/)

      • cách đây 2 năm
  • x11joe
    Người tổ chức Cuộc thi
    • cách đây 2 năm

    -- Technical Details --
    In order to understand the service area page, you need to understand what our company does. Our company is a Pool Service Franchise company. This means we sell franchises to prospects that want to get into the pool service industry to make money cleaning swimming pools. This design doubles over as their own personal website & our corporate website.

    Our corporate website version needs to have a navigation structure so clients can quickly find the franchisee they are looking to hire. Much in the same way that Pizza Hut helps you find the right pizza franchisee store to go to.

    This is why in my attached files I have 2 designs labeled Global & Local. Global refers to our corporate version of the website and local refers to their independent website. They both however use the same designs for everything else!

    If there are any questions please put it on the public clarification board.

    • cách đây 2 năm
    1. x11joe
      Người tổ chức Cuộc thi
      • cách đây 2 năm

      If you want to use the grid system you can, but it doesn't matter if you do, I have utter and complete flexibility in the system, the only thing that needs to be stretchy is between the minimum sizes in my specs.

      • cách đây 2 năm
    2. hendrilubis
      hendrilubis
      • cách đây 2 năm

      please check #5 and the comment. that my current work 70% done. just to make sure you like or not my design.
      Thanks

      • cách đây 2 năm
  • x11joe
    Người tổ chức Cuộc thi
    • cách đây 2 năm

    Note: : Please refrain from wordpress designs, my site is going to be custom designed and programmed by myself. Only include elements that are going to be useful, especially text related elements, hence stick to the content and you'll be okay.

    • cách đây 2 năm
    1. x11joe
      Người tổ chức Cuộc thi
      • cách đây 2 năm

      This site is used for marketing purposes and the more text there is the more likely visitors will leave the page.

      • cách đây 2 năm
    2. x11joe
      Người tổ chức Cuộc thi
      • cách đây 2 năm

      My current website for example even as bad as it looks is very simple and is why it works so well to get leads. My goal is simple while still looking professional this time around for franchisee's.

      • cách đây 2 năm
  • x11joe
    Người tổ chức Cuộc thi
    • cách đây 2 năm

    In my files for mobile that I did already, I like that arrangement, just I am really bad at color choices and images used, web friendly fonts, overall, trying to make it look professional. I'm open to all kinds of improvements though even if its completely different, but the content does need to be there.

    • cách đây 2 năm
    1. x11joe
      Người tổ chức Cuộc thi
      • cách đây 2 năm

      Only image that can not change is the logo since that is trademarked.

      • cách đây 2 năm
    2. x11joe
      Người tổ chức Cuộc thi
      • cách đây 2 năm

      I should note that in my designs I didn't do one for bronze or silver page, but if you make the design for gold significantly different besides color changes, I'll need a mockup of that, just use the text on my current site, poolserviceusa.com, that is what i'm basing it on, pretty much same thing as gold.

      • cách đây 2 năm
  • x11joe
    Người tổ chức Cuộc thi
    • cách đây 2 năm

    I upgraded the contest to $300 to make it more financially worth while. Need some good designs ASAP. This is for Photoshop files ONLY, you do NOT need to know HTML or CSS. I will be programming it myself later.

    • cách đây 2 năm
    1. HeatherStyer14
      HeatherStyer14
      • cách đây 2 năm

      Can you send me the url for your corporate site? I specialize in mobile websites from a desktop version. I can send you a demo soon as well. I just need to look at the main url to see if I can work with it. Thanks!

      • cách đây 2 năm
    2. x11joe
      Người tổ chức Cuộc thi
      • cách đây 2 năm

      The corporate website is not done yet, I only did designs for the marketing website. The contest is just for the marketing website for now. The website will ultimately be located for this project at poolserviceusa.com, so you can see what we had before.

      • cách đây 2 năm
  • SulmanA
    SulmanA
    • cách đây 2 năm

    hi..i have complete layout ready in flat modern design..if you hier me then i will show you..Thanks

    • cách đây 2 năm
    1. x11joe
      Người tổ chức Cuộc thi
      • cách đây 2 năm

      If you can upload a demo I'll take a look at it.

      • cách đây 2 năm

Xem thêm các bình luận

Làm thế nào để bắt đầu với cuộc thi

  • Đăng cuộc thi của bạn

    Đăng Cuộc thi của bạn Nhanh chóng và dễ dàng

  • Nhận được vô số bài dự thi

    Nhận được vô số Bài dự thi Từ khắp nơi trên thế giới

  • Trao giải cho bài dự thi tốt nhất

    Trao giải cho bài dự thi tốt nhất Download File - Đơn giản!

Đăng một cuộc thi ngay bây giờ hoặc tham gia với chúng tôi ngay hôm nay!