Design for generic community

  • 状态: Closed
  • 奖金: €645
  • 参赛作品已收到: 5
  • 获胜者: turkmentunc

竞赛简介

Responsive designs for generic community website in mobile (320px width), tablet (768px width) and desktop (1200px width) sizes.

Wireframes for mobile version are provided and also design example for signing up / signing in, which you can adapt, redo or use the same.

You can see the wireframes here: https://balsamiq.cloud/sm1fer5/px7ryti/r2278

Tools required: Sketch, Overflow, Invision.
Optional: Adobe Photoshop, Adobe XD.

Design must comply with Material Design guidelines, must be compatible with Material UI components and must use the Material Design 12-column based grid layout.

https://material.io/design/
https://material-ui.com/components/grid/

Steps (mandatory before sending entry):

1. Choose a primary and a secondary color in the Material Design Color Tool:

https://material.io/resources/color/

After choosing the colors, save the resultant URL (it must be provided when submitting the entry)

In the export option check the Codepen link to see more Material Design examples based on the chosen colors.

2. Using Sketch and the Material Plugin create a theme.

https://material.io/resources/theme-editor/

Save the theme file (must be provided if chosen as the winning entry).

3. Based on the provided wireframes and the previously chosen theme options, create a design using Photoshop, Adobe XD or Sketch. The design must support mobile, tablet and desktop formats.

4. Using either Invision Craft or Invision Studio, create a single prototype with all the design screens in the three size formats (mobile, tablet and desktop). You must share the prototype when submitting the entry.

https://www.invisionapp.com/craft
https://www.invisionapp.com/studio
https://support.invisionapp.com/hc/en-us/articles/115005759126-How-do-I-share-my-InVision-prototype-board-or-freehand-

5. Use the Overflow plugin for Sketch in order to create the flow diagrams with the designed screens (again, available in the three size formats). Copy the overflow links which you must provide when submitting the entry.

Example: https://overflow.io/s/9ST7SX/

Feedback will be provided only if the steps are fulfilled and available once submitting the entry, unfinished proposals will be rejected.

If you are chosen as the winning entry, you must provide the Overflow, Sketch, Photoshop and Adobe XD files and assets (Photoshop and Adobe XD being optional). You must also transfer the ownership of the Invision prototype.

https://support.invisionapp.com/hc/en-us/articles/203730565-How-do-I-transfer-my-prototype-to-another-account-

您还可能感兴趣的技能

公共说明面板

  • DotAutumn
    竞赛主办者
    • 4 年 之前

    The competition was tough, but there can only be one winner, thanks everyone for participating!

    • 4 年 之前
    1. pedrodornelles
      pedrodornelles
      • 4 年 之前

      Thank you too

      • 4 年 之前
  • capteinn
    capteinn
    • 4 年 之前

    Sir, can i use Figma for this project? and marvel for the user flow? like this https://userflows.marvelapp.com/100cjb3 (?) thank you..

    • 4 年 之前
    1. DotAutumn
      竞赛主办者
      • 4 年 之前

      You can use Marvel for the user flow and also Figma for creating the design. Use Material Theme Builder to create the theming, in that case: https://glitch.com/~material-theme-builder

      • 4 年 之前
  • pedrodornelles
    pedrodornelles
    • 4 年 之前

    Working, don't close :)

    • 4 年 之前
  • DotAutumn
    竞赛主办者
    • 4 年 之前

    I've just extended the contest three more days to give everyone time to finish their design proposals. It also has increased the award prize.

    • 4 年 之前
    1. intelm
      intelm
      • 4 年 之前

      I'll wait for your response on my entry.

      • 4 年 之前
  • TEDesign48
    TEDesign48
    • 4 年 之前

    working

    • 4 年 之前
  • pposhiya3669
    pposhiya3669
    • 4 年 之前

    #extended I'm working on it.

    • 4 年 之前
  • kreemaDesigns
    kreemaDesigns
    • 4 年 之前

    #extended

    • 4 年 之前
  • pedrodornelles
    pedrodornelles
    • 4 年 之前

    Your project requires 69 artboards, im afraid nobody going to risk that much work for getting rejected; you need to provide feedback on a sample for further working.

    • 4 年 之前
    1. DotAutumn
      竞赛主办者
      • 4 年 之前

      There is less than 69 artboards to be made, you have to take into account that the sign in / sign up flow it's already designed as a reference (representing a total of 15 artboards if you count the different size formats). The requirements are high, but you have to consider that the most consuming time is the design part, the other requirements it's just mostly loading the designed screens in Invision and Overflow (you don't have to design or change nothing there). Since the requirements are high, there will be fewer contestants that meet the criteria and the chance to win the contest it's quite high compared with other contests. I've already expected fewer entries but more quality ones, but in case there is not a winner in the current time, I will extend it and revise and reduce the mandatory steps. Thanks for your feedback anyways.

      • 4 年 之前
  • intelm
    intelm
    • 4 年 之前

    I've some questions regarding the material design and your community design, it's big project so I want to get sure of some things before starting it, that will save time on edits or creating things from scratch, so please send me a message so I can know these details.
    Thanks

    • 4 年 之前
    1. DotAutumn
      竞赛主办者
      • 4 年 之前

      If you have any specific doubts about the project, please use the public clarification board for the benefit of everyone participating in the contest.

      • 4 年 之前
  • Nihal Graphics
    Nihal Graphics
    • 4 年 之前

    I am working on this. Please wait

    • 4 年 之前
  • saidesigner87
    saidesigner87
    • 4 年 之前

    working.

    • 4 年 之前
    1. saidesigner87
      saidesigner87
      • 4 年 之前

      update soon.

      • 4 年 之前
  • Supernova Corp.
    Supernova Corp.
    • 4 年 之前

    I would need 7 days if possible, doing this in rush will result in compromising with the quality... I'm sure that's not you want.

    • 4 年 之前
    1. DotAutumn
      竞赛主办者
      • 4 年 之前

      The time will be extended in the case a winner is not found in the original timeline. If that is the case I will extend the contest 7 or more days. You can wait until then to see if there will be an extension or do it in the current allocated time.

      • 4 年 之前
  • Supernova Corp.
    Supernova Corp.
    • 4 年 之前

    I have understood all the requirements, and can surely do all of them.

    I'm assuming it will be around 12-15 screens for one Screensize - Desktop, tab or mob.

    So in total 40-45, isn't it. other than this we are talking about Material design only, and have to be perfect. Then prototyping and Flow etc... It will take time, please wait for my entry or message me. Do not close it earlier.

    • 4 年 之前
  • Supernova Corp.
    Supernova Corp.
    • 4 年 之前

    I am working on it!

    • 4 年 之前
  • mrozyyev
    mrozyyev
    • 4 年 之前

    I am a PC user and I'm not able to to it on Sketch. What do you recommend for me? I can use Adobe XD and Invision Studio for Design and Prototyping. Thank you, waiting for your response.

    • 4 年 之前
    1. cubeindia
      cubeindia
      • 4 年 之前

      Figma + Invision ?

      • 4 年 之前
    2. DotAutumn
      竞赛主办者
      • 4 年 之前

      Sure, you can use Figma and Invision instead if you are able to create a similar result (meaning creating a Material Theme and the user flow). You could use material theme builder (https://glitch.com/~material-theme-builder) as an alternative to Material Plugin and create the user flow using Invision instead of Overflow.

      • 4 年 之前

显示更多评论

如何以竞赛开始

  • 发布您的竞赛

    发起您的竞赛 快速简单

  • 获取众多参赛作品

    获取大量参赛作品 来自世界各地

  • 悬赏最佳参赛作品

    悬赏最佳参赛作品 下载文件-简单!

立即发布竞赛 或者立即加入我们!