OPEN TO ALL. No need to claim.
No submission will be accepted after 12pm 29th Dec.

In the second rep, you have to replicate the ‘Repositories’ section of your Github profile website.

Also, make the footer of this page.

Submission Guideline:

Take a screenshot of the profile section of github and on the repositories tab, place it in your Figma file and replicate it in a separate frame of size depending on your screenshot.

Only the images can be different, rest all needs to be pixel perfect and CREATED by hand i.e. all the icons, all the shapes, the text should be recreated. For images, you can use https://unsplash.com/ and for icons you can use Iconify Plugin in figma or https://thenounproject.com/

You can use the random written content, no need to type the exact content, but it should feel original.

Submit the link to Figma file containing the screenshot and the recreated screen in .txt file and place the folder in "Design Reps-2" Folder only.

Minimum Design Criteria (MDC)

No changes will be suggested. Only single submission is allowed that will either be accepted or rejected depending on the accuracy of replication. Final decision resides with the mentors, no claim can be made on their decision.

OPEN TO ALL. No need to claim.
No submission will be accepted after 12pm 30th Dec.

In the third rep, you have to replicate the ‘Inbox’ section of Gmail app.

Submission Guideline:

Take a screenshot of the inbox section of gmail app and place it in your Figma file and replicate it in a separate frame of size depending on your screenshot.

Only the images can be different, rest all needs to be pixel perfect and CREATED by hand i.e. all the icons, all the shapes, the text should be recreated. For images, you can use https://unsplash.com/ and for icons you can use Iconify Plugin in figma or https://thenounproject.com/

You can use the random written content, no need to type the exact content, but it should feel original.

Submit the link to Figma file containing the screenshot and the recreated screen in .txt file and place the folder in "Design Reps-3" Folder only.

Minimum Design Criteria (MDC)

No changes will be suggested. Only single submission is allowed that will either be accepted or rejected depending on the accuracy of replication. Final decision resides with the mentors, no claim can be made on their decision.

OPEN TO ALL. No need to claim this issue. NO SUBMISSION WILL BE ACCEPTED AFTER 13th January 11:59 PM.

Your task is to replicate this glass effect shown below on Figma. If you would like to use the same picture, I have attached it below.

Hint

Use the noise plugin on figma to replicate this glass effect. You also have to apply multiple linear gradients on the rectangle.
https://www.figma.com/community/plugin/752558325552095625/Noise

Submission Guideline

Submit the link to figma file containing the screenshot as well as the recreated screen in a .txt file and place the file in ‘Glass Effect’ folder only.

MDC (Minimum Design Criteria)

It should look very similar to the effect shown above. You can ping me on discord for any help.

https://discord.com/channels/885149696249708635/1052871881834893312.

Open to all. No need to claim. No submission will be considered after 14th Jan 11.59pm.

It's time to design the main screens of the DonateASmile app.

Design the home screen and the profile page that seem suitable to you based on the purpose of the DonateASmile app. You may refer to this user flow for inspiration :

https://www.figma.com/file/Ex3YtTGzRVO5rgiU8NZcj0/DONATEASMILE?node-id=0%3A1&t=zgB6wPWFL5LaYRBZ-0

( Special thanks to @BINGABABA for contributing this great user flow in the first task)

Submission Guideline:

• Design the home screen and the profile screen of the DonateASmile app.
• The content of the screens can vary as per your understanding of the purpose of the app.
• The screens must have proper consistency in terms of fonts, colours and imagery.
• Submit the link to the figma file in a .txt file and place the file in ‘UI Task-2’ folder only.

Minimum Design Criteria

Since you have completed a lot of UI and UX tasks already, you must have gotten a fair idea of what comprises a good UI and what doesn't look good. Hence, not a lot of changes will be suggested for this last task. Being a 40 pointer you have to yourself decide what looks good enough to get merged and what doesn't. Final decision resides with mentors and organisers same as all the previous task.

OPEN TO ALL 

No need to claim this issue. NO SUBMISSION WILL BE ACCEPTED AFTER 1st January 11.59 PM

Now after getting your hands on Figma, now its time to enter in the world of graphic design. In this task, you have to design a LOGO for the DonateASmile app.

💡 This task can be done in Adobe Illustrator or Figma.

If you are unclear with how to start, you can check out these articles:

1. https://www.ebaqdesign.com/blog/logo-design-process
   
2. https://99designs.com/blog/tips/logo-design-process-how-professionals-do-it/

or check out this playlist:
https://www.youtube.com/watch?v=NfkQeOSmIMY&list=PLW-zSkCnZ-gDer-VZlBbe1f9-G0zNYdtg

Submission Guidelines:

For Submission, you would have to Upload the illustrator file( if doing in illustrator ) or a .txt file (with figma link in it) and make sure to keep the file in the "LOGO Design Task” folder only. You need to add a jpg or png file of your work in the PR.

Any kind of plagiarism will not be supported. You can take inspiration, but the idea must be unique.

Name of your illustrator file/ text file should be your github username

MDC (Minimum Design Criteria):

The design must be suitable, constant, and tidy. Keep in mind that the logo ought to be straightforward, versatile, timeless, memorable, and scaleable.

For any doubts related to the task or the submission process you can always ping us on discord. We will be happy to help.

FIRST YEAR ONLY TASK. NO NEED TO CLAIM. NO SUBMISSION WILL BE CONSIDERED AFTER 6TH JAN 11.59PM.

Visit this site https://lawsofux.com/ and try to skim through some of the laws of the UX, no need to read all of them only reading few will be enough for this task.

Your task is to identify 3 such UX laws that have come into play on this https://slack.com/intl/en-in/ website. Elaborate on how the laws have been applied or are coming into play. Present your thoughts in any format that seems appropriate to you. YOU MUST include screenshots of the section where you feel the laws have been used and explain how the laws have been applied. Go be lawyers of UX!

Submission Guideline:

Submit your ideas in google doc and provide the link in a txt file and place it in the ‘UX Laws- 2’ folder.

Minimum Design Criteria (MDC)

Pointing out 3 laws of UX that have been applied on https://slack.com/intl/en-in/ with screenshots of the section being referred to along with brief explanation of how the law has been applied in that section.

OPEN TO ALL.
No need to claim this issue.
NO SUBMISSION WILL BE ACCEPTED AFTER 21st December 11:59 PM.

This first task is based on basic understanding of User Experience and User flow.

An app called DonateASmile😊 is used to link charitable users and those in need. It will assist the donors in aiding and providing for underprivileged kids. The needy can ask for donations💸 and mention their requirements, and then they should be able to connect with the donors who can meet their requests.
For example, if an orphanage asks for 50 notebooks📚 and a donor responds that he can donate 25, the orphanage will get those 25 notebooks and will have a remaining requirement of 25 notebooks.

💡 The task needs to be done in FigJam. There is no need to download FigJam because it is free to use. It is quite simple to learn and only takes around 15 minutes. If you are not sure on how to use it, check the tutorial here: https://www.youtube.com/watch?v=RVNuArHH5WM

Procedure:

1. Think about how the flow of the app will be for an average user who has just installed this app and is opening this app for the first time. The user is assumed to be unclear with the functionalities of the app.
2. You have to decide how the user will move through the app, what steps will he need to take and in which order, for eg. the user first might need to sign up for the app, to choose whether they want to sign in as an individual or an organization, etc.
3. You can also add how and on what basis the donor gets connected to the needy.
4. Finally create your ideal user flow in a FigJam file and provide its link (in .txt file). Submit your txt files in the 'UX TASK' folder only.

If you are unclear with user flow diagrams check this short video here: https://www.youtube.com/watch?v=cvYhuowazh0

Minimum Design Criteria (MDC)

The user flow can be very basic but it at least needs to fulfil the basic functionality of the app that is the end result should be that the needy gets connected to the donor and vice-versa. The flow should begin from user entering the app for first time. If the user is a donor then they should get connected to the needy and fulfil their donations and if the user is a recipient then they should find a donor who is ready to fulfil their donation.

For any doubts related to task or the submission process you can always ping us on discord (https://discord.com/channels/885149696249708635/1052871881834893312). We will be happy to help.

OPEN TO ALL. No need to claim.
No submission will be accepted after 12pm 31st Dec.

In the fourth rep, you have to replicate the homescreen of the flipkart app.

Submission Guideline:

Take a screenshot of the homescreen of the flipkart app and place it in your Figma file and replicate it in a separate frame of size depending on your screenshot.

Only the images can be different, rest all needs to be pixel perfect and CREATED by hand i.e. all the icons, all the shapes, the text should be recreated. For images, you can use https://unsplash.com/ and for icons you can use Iconify Plugin in figma or https://thenounproject.com/

You can use the random written content, no need to type the exact content, but it should feel original.

Submit the link to Figma file containing the screenshot and the recreated screen in .txt file and place the folder in "Design Reps-4" Folder only.

Minimum Design Criteria (MDC)

No changes will be suggested. Only single submission is allowed that will either be accepted or rejected depending on the accuracy of replication. Final decision resides with the mentors, no claim can be made on their decision.

Its a first year only task. No need to claim. No submission will be considered after 8th Jan 11.59pm.

Imagine aliens👽 have landed on Earth and want to learn about the company - Amul . But since they don’t speak your language, it needs to be explained with five symbols (like icons) or vectors. Each participant makes or gathers five simple vectors to communicate with the aliens.

Procedure:

1. Design 5 vectors (or use icons) that will help the alien understand about Amul.
2. Add the 5 vectors or icons on your figma file.
3. Place the figma link in a .txt folder and submit the file in ‘Talking to Aliens’ folder ONLY.

Minimum Design Criteria (MDC):

No changes will be suggested. Only single submission is allowed that will either be accepted or rejected depending on the accuracy of replication. Final decision resides with the mentors, no claim can be made on their decision.

OPEN TO ALL No need to claim this issue NO SUBMISSION WILL BE ACCEPTED AFTER 19th December 06:00 PM

While you are working on the best user flow for the DonateASmile app, here is another short task to test your thinking 🤔 as User Experience Designer!.
The task is brief and doesn't take much time, but what it actually requires is a strong eye for seeing things from the perspective of the user.

Everything in this world happens for a reason, and the Spotify home page 🎵 also appears a certain way for a variety of reasons to provide users with a better experience and ease of use.
The only thing you need to do is write down your ideas on why the Spotify home page is designed the way it is, why the playlists and songs are organised the way they are, and why everything is situated in the locations that it is 😂.

If you are confident enough you can even suggest changes in the layout or any other aspect of the homescreen which might lead to better user experience than it currently offers.

Happy UXing contributors!

Submission Guideline:

• Write your views on google doc.
• Provide the link of google docs in a .txt file. Make sure that the link is accessible (and not private).
• Submit your txt files in the 'Short UX Task' folder only.

Minimum Design Criteria (MDC)

Atleast suggest two features of the homescreen and how they contribute to good user experience and how the experience would have been worse if these features would have been implemented differently. You can also suggest two changes if that is what you prefer.

Features need not be very significant functions of the homescreen, they can be as simple as why the first thing on the screen is ‘Good evening’ or ‘Good morning’ or why the most listened albums are on the top or anything which is similarly simple.

OPEN TO ALL. NO NEED TO CLAIM. NO SUBMISSION WILL BE ACCEPTED AFTER 29TH DECEMBER MIDNIGHT.

You are already accustomed to Zomato's home screen. Does it require any changes, or is it flawless as is? In this task, design the Zomato home screen of your dreams. There is no need to alter the fonts, colours, or other visuals; simply try to rearrange them in a different sequence if you think it is better. What do you say? You believe it to be perfect as it is. The only thing to do is duplicate the screen exactly. If you have trouble finding the exact font, use ‘INTER’, and if you have trouble finding pictures, use Unsplash or Pixabay. For icons, you can use the iconify plugin on Figma or download it from https://thenounproject.com/.

Submission Guideline

• Take Screenshot of Zomato home screen (app version) and place it on the figma file.
• Now take another frame of the same size (preferably 375 x 812) and try to recreate the screen exactly.
• Only the font used and the images can be different. For font, you can use ‘INTER’ and for images, you can download them from https://unsplash.com/.
• Submit the link to figma file containing the screenshot as well as the recreated screen in a .txt file and place the file in ‘Short UI Task’ folder only.

Minimum Design Criteria (MDC)

Recreate the screen precisely. Apart from text and image differences, there should not be a significant difference between the screenshots and the recreated screen.

Open to all. No need to claim. No submission will be considered after 17th Jan 11.59pm.

It's time to design the main screens of the DonateASmile app.
Design 3 screens (other than the home and profile screen) that seem suitable to you based on the purpose of the DonateASmile app. You may refer to this user flow for inspiration :
https://www.figma.com/file/Ex3YtTGzRVO5rgiU8NZcj0/DONATEASMILE?node-id=0%3A1&t=zgB6wPWFL5LaYRBZ-0
( Special thanks to @BINGABABA for contributing this great user flow in the first task)

Submission Guideline:

• Design 3 main screens for the DonateASmile app.
• The content of the screens can vary as per your understanding of the purpose of the app
• Splash Screen, Login screen, Home screen, Profile screen will be not be considered
• Different instances of the same screen would not be considered
• The screens must have proper consistency in terms of fonts colours and imagery
• Submit the link to the figma file in a .txt file and place the file in ‘UI Task- 3’ only.

Minimum Design Criteria

Since you have completed a lot of UI and UX tasks already, you must have gotten a fair idea of what comprises a good UI and what doesn't look good. Hence, not a lot of changes will be suggested for this last task. Being a 60 pointer you have to yourself decide what looks good enough to get merged and what doesn't. Final decision resides with mentors and organisers same as all the previous task.

Design Reps 1✅

OPEN TO ALL
No submission will be accepted after 25th Dec 5:59 PM.

In the first rep, you have to replicate the Home screen of the Youtube App

Submission Guideline:

• Take a screenshot of home screen of Youtube App on your phone, place it in your Figma file and replicate it in a separate frame of size depending on your phone.
• Only the images can be different, rest all needs to be pixel perfect and CREATED by hand i.e. all the icons, all the shapes, the text should be recreated. For images, you can use https://unsplash.com/ and for icons you can use Iconify Plugin in figma or https://thenounproject.com/
• You can use the random written content, no need to type the exact content, but it should feel original.
• Submit the link to Figma file containing the screenshot and the recreated screen in .txt file and place the folder in "Design Reps 1" Folder only.

Minimum Design Criteria (MDC)

No changes will be suggested. Only single submission is allowed that will either be accepted or rejected depending on the accuracy of replication. Final decision resides with the mentors, no claim can be made on their decision.

OPEN TO ALL. NO NEED TO CLAIM. NO SUBMISSION WILL BE ACCEPTED AFTER 5TH JAN 11.59pm.

The task is to design a logo for sneaker selling company- Sneakerz.

💡 This task can be done in Adobe Illustrator or Figma.

If you are unclear with how to start, you can check out these articles:

1. https://www.ebaqdesign.com/blog/logo-design-process

2. https://99designs.com/blog/tips/logo-design-process-how-professionals-do-it/

or check out this playlist:
https://www.youtube.com/watch?v=NfkQeOSmIMY&list=PLW-zSkCnZ-gDer-VZlBbe1f9-G0zNYdtg

Submission Guidelines:

For Submission, you would have to Upload the illustrator file( if doing in illustrator ) or a .txt file (with figma link in it) and make sure to keep the file in the "Short Graphic Task” folder only. You need to add a jpg or png file of your work in the PR.

Any kind of plagiarism will not be supported. You can take inspiration, but the idea must be unique.

Name of your illustrator file/ text file should be your github username

MDC (Minimum Design Criteria):

The design should be appropriate, consistent, and clean. These points must be kept in mind, the logo should be: Simple, Versatile, Timeless, Memorable, and Scalable.

For any doubts related to the task or the submission process you can always ping us on discord. We will be happy to help.

OPEN TO ALL. NO NEED TO CLAIM. NO SUBMISSION WILL BE ACCEPTED AFTER 2nd JAN 11.59pm.

The task is to write down your ideas on why the LinkedIn home page is designed the way it is and why everything is situated in the locations that it is.

Also suggest changes in the layout or any other aspect of the homescreen which might lead to better user experience than it currently offers.

Happy UXing contributors! 🥳

Minimum Design Criteria (MDC)

Suggest at least two features of the homescreen and how they contribute to good user experience and how the experience would have been worse if these features would have been implemented differently. Also suggest at least two changes you would make in the homescreen.

Features need not be very significant functions of the homescreen, they can be as simple as why the messaging icon is on the right or why the search icon is on the top or anything which is similarly simple.

Submission Guideline:

• Write your views on google doc.
• Provide the link of google docs in a .txt file with your name as the file name.
• Submit your txt files in the 'Short UX Task- 2' folder only.

No need to claim this issue. NO SUBMISSION WILL BE ACCEPTED AFTER 4th Jan 11:59 PM

The task is to design a vector or graphic for the onboarding screen of the DonateASmile App.

The above image is an example of the onboarding screen. You have to design similar illustrations/vectors that will be suitable for the onboarding screens of DonateASmile app.

💡 This task can be done in Adobe Illustrator or Figma.

If you are unclear with how to start, you can check out these articles:

1. https://www.ebaqdesign.com/blog/logo-design-process
2. https://99designs.com/blog/tips/logo-design-process-how-professionals-do-it/

or check out this playlist:
https://www.youtube.com/watch?v=NfkQeOSmIMY&list=PLW-zSkCnZ-gDer-VZlBbe1f9-G0zNYdtg

Submission Guidelines:

For Submission, you would have to Upload the illustrator file( if doing in illustrator ) or a .txt file (with figma link in it) and make sure to keep the file in the "Vector Design Task” folder only. You need to add a jpg or png file of your work in the PR.

Any kind of plagiarism will not be supported. You can take inspiration, but the idea must be unique.

Name of your illustrator file/ text file should be your github username

MDC (Minimum Design Criteria):

The design must be suitable, constant, and tidy. The illustration/graphic shouldn't be unrelated to the app's functionality and must be tied to the DonateASmile theme.

For any doubts related to the task or the submission process you can always ping us on discord. We will be happy to help.

OPEN TO ALL. NO NEED TO CLAIM. NO SUBMISSION WILL BE ACCEPTED AFTER 27TH DEC 12 MIDNIGHT.

Your next task in this DonateASmile App Design Repo is to design the onboarding screens for the DonateASmile app. Do check out this tutorial to know about what is onboarding within app design https://www.youtube.com/watch?v=goPCYWvpnUI

Submission Guideline:

• Design onboarding screens (Minimum 3) for DonateASmile app based on your understanding of the app from the given user flow : https://www.figma.com/file/Ex3YtTGzRVO5rgiU8NZcj0/DONATEASMILE?node-id=0%3A1&t=zgB6wPWFL5LaYRBZ-0
  ( Special thanks to @BINGABABA for contributing this great user flow in the first task)
• The onboarding screens must contain a login/sign up screen. The remaining screens' content is completely up to you.
• Submit the Figma file link in a .txt folder and submit the file in UI Task - 1 folder ONLY.

Minimum Design Criteria (MDC)

Since it is a 40 point task, do read and fulfil the MDC accordingly.

• There should be a login/Sign up screen along with minimum 2 other screens.
• The onboarding screens must look like onboarding screens and not like any other screens of the app.
• If you plan to use illustrations and images, they should match in colour and have a consistent theme across all of the screens.
• The written content on the screens should be short but convincing. If not done correctly, it is the onboarding screens that cause the drop-off rates in apps.
• Along with convincing the user that the app is worthwhile of their time, it should also clarify fundamental purpose of the app.

If some of these things appear complex to you, don't worry too much 😅. Since creating onboarding screens is a form of art in and of itself, beginners may find the process intimidating. You can ping us on discord in the DonateASmile channel and we will be happy to help you with your queries.

OPEN FOR ALL. NO NEED TO CLAIM. NO SUBMISSION WILL BE CONSIDERED AFTER 16th Jan, 11.59pm.

To train your design sense, in this task you have to design a single screen - The home screen of an app to keep an account of your transactions and help manage your finances wisely! The screen need not be much complex, just needs to serve the basic purpose of showing current balance, recent transactions and other analytics.

Cheat Sheet: You can take inspiration from (even clone😉) any existing finance management app or look at examples of such apps from behance.net or dribbble.com. Just make sure to include a little bit of your content too.

Submission Guideline:

• Only design one screen i.e the home screen of the app
• It should fulfil all the basic functions expected from the home screen of such an app like account balance, recent transactions, should have an option to transfer and receive money, etc.
• Proper colour scheme should be used (primary & secondary colours) along with proper contrast and good choice of font style and weights.
• Focus on the principles of alignment, proximity and hierarchy along with making the screen look visually good.
• Submit the link to figma file in a .txt file and place it in the Design Muscle - 2 folder only

Minimum Design Criteria (MDC)

Since 30 points are being awarded for a single screen, the alignment, margins, proximity, hierarchy and contrast must be utilised and implemented properly. No leniency will be provided in case any of these are missing or not properly utilised.

The visuals should look great. Search for proper colour scheme. The shadows should be great (Read the article provided on discord) and typography should be good.

Do get the screen reviewed regularly on discord, since multiple changes might be required.

Even though design is subjective and perspective based but the final decision of approval of the screen resides with the mentors and organisers. You can ask for help by pinging us on discord whenever required.

OPEN TO ALL. NO NEED TO CLAIM. NO SUBMISSION WILL BE ACCEPTED AFTER 24TH DEC 2PM.

Are you enjoying your work as a UX designer, probably first time in your life thinking about things from users' point of view.

Visit this site https://lawsofux.com/ and try to skim through some of the laws of the UX, no need to read all of them only reading few will be enough for this task.

Your task is to identify 3 such UX laws that have come into play on this https://www.mural.co/ website. Elaborate on how the laws have been applied or are coming into play. Present your thoughts in any format that seems appropriate to you. YOU MUST include screenshots of the section where you feel the laws have been used and explain how the laws have been applied. Go be lawyers of UX!😎

Submission Guideline:

Submit your ideas in google doc and provide the link in a txt file and place it in the ‘UX Laws’ folder.

Minimum Design Criteria (MDC)

Pointing out 3 laws of UX that have been applied on https://www.mural.co/ with screenshots of the section being referred to along with brief explanation of how the law has been applied in that section.

OPEN TO ALL. NO NEED TO CLAIM. NO SUBMISSION WILL BE CONSIDERED AFTER 8TH JAN 11.59 PM

Just like in any sport muscle memory is important so is the case with design. Over time to become a good designer you need to develop a muscle memory of good design practices which includes proper shadows, appropriate font sizes, an eye for proper contrast and proper spacing and alignment.

To train this design sense, in this task you have to design a single screen - The home screen of an app to order food! The screen need not be much complex, just needs to serve the basic purpose of searching, of viewing food items (preferably divided into categorical list) and probably a card view to show different types of cuisines or food items along with a short (5-10 word description) and of course a Order Now button. Also throw in the other icons that you think are required like cart, profile, settings, etc.

Cheat Sheet: You can take inspiration from (even clone😉) any existing food ordering app or look at examples of such apps from behance.net or dribbble.com (search for food ordering app). Just make sure to include a little bit of your content too.

Submission Guideline:

• Only design one screen i.e the home screen of the app
• It should fulfil all the basic functions expected from the home screen of such an app like order now, short description and price, food items displayed in a categorical grid, view cart and settings, etc.
• Proper colour scheme should be used (primary & secondary colours) along with proper contrast and good choice of font style and weights
• Focus on the principles of alignment, proximity and hierarchy along with making the screen look visually good.
• Submit the link to figma file in a .txt file and place it in the Design Muscle - 1 folder only

Minimum Design Criteria (MDC)

Since 30 points are being awarded for a single screen, the alignment, margins, proximity, hierarchy and contrast must be utilised and implemented properly. No leniency will be provided in case any of these are missing or not properly utilised.

The visuals should look great. Spend time searching for good imagery of the food items, use the plugin remove.bg in Figma to remove backgrounds. Search for proper colour scheme. The shadows should be great (Read the article provided on discord) and typography should be good.

Do get the screen reviewed regularly on discord, since multiple changes might be required.

Even though design is subjective and perspective based but the final decision of approval of the screen resides with the mentors and organisers. You can ask for help by pinging us on discord whenever required.

FIRST YEAR ONLY. NO NEED TO CLAIM. NO SUBMISSION WILL BE ACCEPTED AFTER 12th JAN 11.59pm.

Your task is to suggest changes in the layout or any other aspect of the homescreen of DigiLocker which might lead to better user experience than it currently offers.

Happy UXing contributors!

Minimum Design Criteria (MDC)

Suggest at least four features of the homescreen that you would change and how that would contribute to good user experience.

Features need not be very significant functions of the homescreen.

Submission Guideline:

• Write your views on google doc.
• Provide the link of google docs in a .txt file with your name as the file name.
• Submit your txt files in the 'Short UX Task- 3' folder only.