Creating a website mockup with four items

  • Estado: Closed
  • Prêmio: $120
  • Inscrições Recebidas: 41
  • Vencedor: codeunderground

Resumo do Concurso

THE FOUR NEEDED MOCKUP PAGES:
• Startpage
• Contentpage type 1 (see below)
• Contentpage type 2 (see below)
• Contactform

WHAT WE WANT TO GET:
• Four mockup pics
• All graphical elements separate
Except from the mood-pic; for your mockup you may use my attached demo-moodpic
• all buttons/logos separate
• the fonts as TTF-files (free fonts)
• the HTML-codes of the used colors

ELEMENTS OF THE STARTPAGE:
1. Four links to content (type 1): less important content so smaller links/buttons, less prominent position etc.
Items: Contact, imprint, search, login (maybe with some icons)
some space for about two future items
2. Large graphic-area, mood-picture with some text on it (later on realized as slideshow) – you can use my demo-mood pic; of course you also may alter it if necessary for your design
3. Four „content-container“ (content type 2): more important content
I.e. with headline (maybe teaser), which may show on click their respective content directly on startpage
4. Prominent link to webshop (very important content)

STYLE PRINCIPLES:
• „Web 2.0“- design-style
• Simple, clearly arranged
• Intuitive UI
• Centered Layout
• Clear, bright and friendly colors (adapted to the existing logo)
• Quite large and “smooth” text
• Restrained transitions (i.e. backgrounds)
• Quite large, clear and simple elements and icons

FOR YOUR INFO:
As changing mood-pics we intend to use pics like the examples listed below
(also together with graphical text, refer to the attached demo)
You do not have to buy these

• [url removed, login to view]
• [url removed, login to view]
• [url removed, login to view]
• [url removed, login to view]

--- Edit 2 ----
added some demo-pics

Pls take a look to the added Demo-Layouts 1-4, but of course feel free to alter that due to your ideas!

For nole1:
Pic1: just changed pic + text, added text to containers for (my) better imagination
Pic2: the content (type 2, upper links) is replacing the main-pic (just realise that I've set the text-font too small)

---- Edit 1 (on request) -------
Field names for contact-form:

Since the site will be in german language the field captions may sound something strange... ;-)
Basicly the field names are not that important for the mockup, but fundamentely we need:

1. Firma ("company" - text, approx. 25 characters visible)
1b. Name ("name" - text, approx. 25 characters visible)
2. Branche ("industry" - text, approx. 25 characters visible)
3. Email ("mail" - text, approx. 25 characters visible)
4. Telefon ("telephon" -text, approx. 25 characters visible)
5. Ort ("location" - text, approx. 25 characters visible)
6. Grund ("reason" - dropdown field, about 55 char., default "Bitte auswählen")
7. Ihre Nachricht ("your message" - Textarea, about 4 or 5 lines)

Fields no 1b, 4 and 6 will be mandatory

Habilidades Recomendadas

Feedback do Empregador

“The contest with Codeunderground worked like a charm! We are very satisfied with the mockup we got; every objection of us was implemented just the way we intended. Hope to work with him again!”

Imagem do Perfil k2mhgo, Germany.

Painel de Esclarecimento Público

  • codeunderground
    codeunderground
    • 4 anos atrás

    I forgot 1 thing sir.It's the fontawsome Please take a look at http://www.mediafire.com/download/jbdphrjj8p89n3b/use-font-awesome.zip

    • 4 anos atrás
  • mNorbert
    mNorbert
    • 4 anos atrás

    ​​Hello,

    I'm freelancer from Europe (Poland) specializing in webdesign and branding. I'm interested in cooperation. I can offer designing website and slicing project to html and css, but without programming in php (or other languages).

    My projects are featured on behance.net and webdesignserved.com
    PORTFOLIO:
    www.behance.net/norbert
    www.mierzwa.org

    • 4 anos atrás
  • nole1
    nole1
    • 4 anos atrás

    Please check and give feedback #1 Thanks

    • 4 anos atrás
    1. nole1
      nole1
      • 4 anos atrás

      #27 #28

      • 4 anos atrás
    2. nole1
      nole1
      • 4 anos atrás

      #42 #43

      • 4 anos atrás
  • lucasta
    lucasta
    • 4 anos atrás

    Hi there,

    Just saw the competition yesterday so I thought I'll try and post something.

    Kind Regards,
    Giovanni Bekker

    • 4 anos atrás
    1. lucasta
      lucasta
      • 4 anos atrás

      Ok :) Was fun :) good luck !

      • 4 anos atrás
    2. k2mhgo
      Titular do Concurso
      • 4 anos atrás

      Thank you!
      Cu maybe in a future project!

      • 4 anos atrás
  • k2mhgo
    Titular do Concurso
    • 4 anos atrás

    Ok, gentlemen,

    I think we are almost finished!
    When the last changes are done, we gonna discuss them internaly and will ask some business-partners and friends for their preferences.
    Afterwards we will pay the reward.
    What's still missing are the hover-versions of the links/buttons. But I think it's ok if (only) the "winner" makes this (after being rewarded). Saving time/work to the "second winner"...

    Thanks for your participation!

    • 4 anos atrás
  • codeunderground
    codeunderground
    • 4 anos atrás

    Dear sir, please attach the logo in png format.

    • 4 anos atrás
    1. k2mhgo
      Titular do Concurso
      • 4 anos atrás

      Is uploaded, sir! ;)
      Gonna rate your new drafts within the next hours...

      • 4 anos atrás
    2. codeunderground
      codeunderground
      • 4 anos atrás

      thanks! sir :)

      • 4 anos atrás
  • codeunderground
    codeunderground
    • 4 anos atrás

    Please check and feedback sir:
    start page #22
    imprint #23
    contact #24
    content type 2 #25

    • 4 anos atrás
  • mbrDesign
    mbrDesign
    • 4 anos atrás

    Please feedback #2. Thanks :)

    • 4 anos atrás
  • upekhaweera
    upekhaweera
    • 4 anos atrás

    i can do it with php

    • 4 anos atrás
    1. k2mhgo
      Titular do Concurso
      • 4 anos atrás

      Thank you - but right now we just need a design...

      • 4 anos atrás
  • imanali90
    imanali90
    • 4 anos atrás

    sir u want html code??

    • 4 anos atrás
    1. codeunderground
      codeunderground
      • 4 anos atrás

      I think with psd file, you can easily get color of texts, boxes and borders but you have your reason for that requirement. Where we should put those color code? in a text file (to copy) or add a text layer describe color for every elements in psd file?

      • 4 anos atrás
    2. k2mhgo
      Titular do Concurso
      • 4 anos atrás

      Text file is ok. I think you gonna have notes about the used color anyway - so the technican (who's making a template from your mockup) don't have to scrabble them out again. If it's a problem just leave it - it's just a "nice to have"... ;-)

      • 4 anos atrás
  • codeunderground
    codeunderground
    • 4 anos atrás

    which field do you need in Contact item?

    • 4 anos atrás
    1. codeunderground
      codeunderground
      • 4 anos atrás

      which fields do you need in Contact item?

      • 4 anos atrás
    2. k2mhgo
      Titular do Concurso
      • 4 anos atrás

      I've updated the contest description...

      • 4 anos atrás
  • codeunderground
    codeunderground
    • 4 anos atrás

    oh webberry. I submmited enties in your logo design contest

    • 4 anos atrás
    1. k2mhgo
      Titular do Concurso
      • 4 anos atrás

      Hello codeunderground! Yes, I remember you!

      • 4 anos atrás
  • codeunderground
    codeunderground
    • 4 anos atrás

    I ll work on this project

    • 4 anos atrás

Mostrar mais comentários

Como começar com concursos

  • Publique seu concurso

    Publique Seu Concurso Rápido e fácil

  • Obtenha toneladas de inscrições

    Obtenha Toneladas de Inscrições De todo o mundo

  • Premie a melhor inscrição

    Premie a melhor inscrição Baixe os arquivos - Facilmente!

Postar um Concurso Agora ou Junte-se a nós Hoje!