Design for generic community

Status: Closed
Prize: €645
Entries Received: 5
Winner: turkmentunc

Winner

Contest Brief

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-

Recommended Skills

Winner

Post a Contest Like This

Top entries from this contest

turkmentunc Turkey

1
pedrodornelles Brazil

1
saidesigner87 India

1
intelm Egypt

1
saidesigner87 India

0

View More Entries

Public Clarification Board

Contest Holder
- 4 years ago
The competition was tough, but there can only be one winner, thanks everyone for participating!
- 4 years ago
1. pedrodornelles
  - 4 years ago
  Thank you too
  - 4 years ago
capteinn
- 4 years ago
Sir, can i use Figma for this project? and marvel for the user flow? like this https://userflows.marvelapp.com/100cjb3 (?) thank you..
- 4 years ago
1. Contest Holder
  - 4 years ago
  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 years ago
pedrodornelles
- 4 years ago
Working, don't close :)
- 4 years ago
Contest Holder
- 4 years ago
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 years ago
1. intelm
  - 4 years ago
  I'll wait for your response on my entry.
  - 4 years ago
TEDesign48
- 4 years ago
working
- 4 years ago
pposhiya3669
- 4 years ago
#extended I'm working on it.
- 4 years ago
kreemaDesigns
- 4 years ago
#extended
- 4 years ago
pedrodornelles
- 4 years ago
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 years ago
1. Contest Holder
  - 4 years ago
  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 years ago
intelm
- 4 years ago
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 years ago
1. Contest Holder
  - 4 years ago
  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 years ago
Nihal Graphics
- 4 years ago
I am working on this. Please wait
- 4 years ago
saidesigner87
- 4 years ago
working.
- 4 years ago
1. saidesigner87
  - 4 years ago
  update soon.
  - 4 years ago
Supernova Corp.
- 4 years ago
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 years ago
1. Contest Holder
  - 4 years ago
  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 years ago
Supernova Corp.
- 4 years ago
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 years ago
Supernova Corp.
- 4 years ago
I am working on it!
- 4 years ago
mrozyyev
- 4 years ago
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 years ago
View 1 more message
1. cubeindia
  - 4 years ago
  Figma + Invision ?
  - 4 years ago
2. Contest Holder
  - 4 years ago
  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 years ago