OPEN TO ALL. NO NEEED TO CLAIM. NO SUBMISSION WILL BE ACCEPTED AFTER 20TH DEC 11:59PM.

While you are working on the best Wireframes for the FitLife💪 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.👀

Discover how Swiggy and Zomato, both leading food delivery platforms, stand apart⚔️. Uncover the unique features and advantages of each, unveiling the distinct user experiences they offer. Compare and contrast these industry giants to unearth the finer nuances that set them apart in the realm of online food delivery.🍔

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🚀!

Minimum Design Criteria (MDC)

Atleast suggest two features thats sets the competitive landscape between Swiggy and Zomato, the titans of online food delivery👑. Investigate the user-centric features of each, unveiling the key differences that shape their competitive edge in the fiercely competitive food delivery market.👀

NOTE: Contributors STRICT PLAGARISM is applied. So avoid copying other’s idea.

Keep Contributing!🚀.

Submission Guideline:

• Write your views on google docs.
• Provide the link of google docs in a .txt file with your name as the file name.
• Submit your txt files in the 'Clash of Giants' folder only.

Open to all. No need to claim. No submission will be considered after 12 Jan 11:30pm.

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

Design 3 screens (other than the home and profile screen) that seem suitable to you based on the purpose of the FitLife app. You may refer to this user flow for inspiration : ✨

• https://www.figma.com/file/i7fDfh9DLE42qNoiBvEXn0/Untitled?type=whiteboard&node-id=0%3A1&t=RPPVSEv73rCXIJUN-1 ( Special thanks to @AditiGupta976 for contributing this great user flow in the first task) 🎉

Submission Guideline:

• Design 3 main screens for the FitLife 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- 2’ 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 50 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 5th Jan 11:59 PM

Your next task in this FitLife💪 App Design Repo is to design the Onboarding screens📱 for the fitness app. Do check out this tutorial to know about what is onboarding within app design https://youtu.be/yvwtITLVsP4?si=zXZ5T2si52u4QxVp

You can search for vectors from Freepik/Unsplash and take inspiration.

The below image is an example of the onboarding screen. You have to design similar design that will be suitable for the onboarding screens of FitLife app.💪

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://youtu.be/yvwtITLVsP4?si=zXZ5T2si52u4QxVp

Submission Guideline:

• Design onboarding screens (Minimum 3) for FitLife app based on your understanding of the app. ✅
• Submit the Figma file link in a .txt folder and submit the file in UI Task - 1 folder ONLY.

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

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 FitLife 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.😊

This is a COMPETETIVE ISSUE. ⭐ The top 3 logos will only be given points

1. 1st prize- 20 points
2. 2nd prize- 15 points
3. 3rd prize- 10 points

OPEN TO ALL. NO NEED TO CLAIM. NO SUBMISSION WILL BE ACCEPTED AFTER 24th Dec 11.59pm.

GeekHaven Commmunity App is a one-stop app for all the management tasks of GeekHaven.🌌

This app provides a comprehensive space where teams can discuss their ideas, display the current running projects of different wings for better collaboration.🧑‍💻

The task is to design the logo for the GeekHaven Commmunity App.

Providing you with the logo of GeekHaven..make your design accordingly.

💡 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 "GeekhavenApp-logo” folder only.

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

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 18TH DEC 6pm.

While you are working on the Wireframes for the FitLife💪 app, here is another short task to test your thinking 🤔 as User Interface Designer!.

Buttons are the primary way users interact with interfaces. They need to be easily identifiable 👀, appropriately sized, and placed in intuitive locations. A well-designed button makes it clear what action will occur when clicked or tapped.✅

In this task you have to use basic shapes to create interesting buttons🔘. All you need to do is to copy that button exactly same.👇

If you are unclear with how to start, you can check this video:

https://youtu.be/uKT9pFigb88?si=6UW5LHRPzlP4M3r2

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

Submission Guideline:

• Upload the illustrator file( if doing in illustrator ) or a .txt file (with figma link in it) under the "Button-Task" Folder only.

This task is for 5 points.

NOTE: Create the buttons on your own and do not copy paste from others file.💀

Remember: The motive of Opencode is to learn.😊

MDC (Minimum Design Criteria):

The buttons should look appealing and should be exactly same as the image provided.

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

This is a COMPETETIVE ISSUE. ⭐ The top 3 logos will only be given points

1. 1st prize- 20 points
2. 2nd prize- 15 points
3. 3rd prize- 10 points

OPEN TO ALL. NO NEED TO CLAIM. NO SUBMISSION WILL BE ACCEPTED AFTER 23rd Dec 11.59pm.

The task is to re-design the logo for the SemBreaker app.✏️ (Our college app where all Study Materials, Previous year questions and notes for every particular course of the sem are provided.)

💡 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 UI 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.😊

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 NEEED TO CLAIM.

NO SUBMISSION WILL BE ACCEPTED AFTER 15TH DEC 11:59PM.

While you are working on the best user flow for the FitLife💪 app, here is another short task to test your thinking 🤔 as User Experience Designer!.

UX laws serve as guiding principles for designers, emphasizing user-centric approaches.👀

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://stripe.com/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’ folder.

Minimum Design Criteria (MDC)

Pointing out 3 laws of UX that have been applied on https://stripe.com/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 NEEED TO CLAIM. NO SUBMISSION WILL BE ACCEPTED AFTER 16TH DEC 6PM.

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.👀

From a user's perspective, a well-designed interface feels like a seamless journey. It's like navigating a clear and well-marked path where everything falls effortlessly into place.✅

Ultimately, good UI design prioritizes user needs and ease of use, while bad UI design hampers usability and can drive users away.❌

In the below provided image you need to figure out which UX is more appealing to the user with 2 valid points.🤔

Minimum Design Criteria (MDC)

It is a very basic Task! 😊 You just need to write 2 points explaining as to why one UX is better than the other.

NOTE: Do not COPY PASTE other’s idea as it should be your perspective.😊

Submission Guideline:

• 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 'User Perspective' folder only.

Happy UXing contributors!🚀

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

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

FitLife💪 is a versatile and user-friendly fitness app that is designed to help you lead a healthier and more active life. Whether you're an experienced fitness enthusiast or just starting out on your fitness journey, FitLife has something for everyone✅ . It keeps you Connected with certified fitness trainers and mentors who can provide you with personalized guidance. It offers customized workout plans that match your fitness level and goals and also sets dietary goals and monitor your macronutrient intake and helps you visualize your fitness journey🚀.

💡 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/she need to take and in which order, for eg. the user first might need to sign up for the app.
3. You can add a range of features designed to help users track, improve, and maintain their health and fitness goals.
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-1 folder only.

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

MDC (Minimum Design Criteria)

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 wants to track activities like steps and calories, get guidance and personalized workout plans. It should cater to various aspects of fitness, from workouts to nutrition and community support, helping users achieve their health objectives.✅

For any doubts related to the task or the submission process, you can always ping us on discord. Use the tag @fitlife to notify the mentors. We will be happy to help.😊

OPEN TO ALL.

NO NEEED TO CLAIM. NO SUBMISSION WILL BE ACCEPTED AFTER 21st DEC 11:59PM.

Wireframing is a schematic blueprint; a visual guide that represents the app layout, the flow between the screens and its functional representation informed by your business objective.🧑‍🚒

Our next task in this FitLife💪 App Design Repo is to design wireframe for the fitness app. Do check out this tutorial and read the blog to know about what is wireframing within app design.✅

https://www.youtube.com/watch?v=goPCYWvpnUI

https://www.figma.com/blog/how-to-wireframe/

Attaching below an image to show how a wireframe of an app looks like 👇

Submission Guideline:

• Design wireframes for FitLife💪 app based on your understanding of the app from the given user flow : (best userflow from UX Task-1)
  • https://www.figma.com/file/i7fDfh9DLE42qNoiBvEXn0/Untitled?type=whiteboard&node-id=0%3A1&t=RPPVSEv73rCXIJUN-1 ( Special thanks to @AditiGupta976 for contributing this great user flow in the first task)
• The Wireframe design should go with the userflow provided.
• Submit the Figma file link in a .txt folder and submit the file in UX Task - 2 folder ONLY.

Minimum Design Criteria (MDC)

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

• Design the Wireframes for atleast 4 screens of the app including all the necessary functions of the app.✅
• Your design should have a consistent theme across all of the screens.
• You can take inspiration from the internet and implement it using your own perspective and approach.

NOTE: Strict plagarism is applied so Do not COPY PASTE other’s idea. Copying and submitting other’s idea just for points is useless. The motive of Opencode is to learn and not to copy.😊

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

Keep Learning! 🚀

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

"Oops! The page you're looking for doesn't exist.”

When a user encounters a 404 error, it typically means that the URL they entered or clicked on doesn't lead to an existing page on the server.❌

💡 In this task you have to design error 404 page.✅

Search for your own unique vector and complete the ERROR 404 design.

You can take inspiration from the image provided below**.**

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

Submission Guideline:

• Submit the link of the Figma file in a .txt file under the "Error Page" Folder only.
• Any kind of plagiarism will not be supported. You can take inspiration, but the idea must be unique.

This task is for 15 points.

MDC (Minimum Design Criteria):

The page should look appealing and should not be exactly same as the image provided.

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 NEEED TO CLAIM. NO SUBMISSION WILL BE ACCEPTED AFTER 31st DEC 11:59PM.

While you are working on the best LOGO for the FitLife💪 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 Youtube 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 Youtube home page is designed the way it is, why the trending and new releases 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🚀!

Minimum Design Criteria (MDC)

Atleast suggest two features of the home screen 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 ‘relevant video suggestions’ or why the recently watched items are on the top or anything which is similarly simple.

Submission Guideline:

• Write your views on google docs.
• Provide the link of google docs in a .txt file with your name as the file name.
• Submit your txt files in the 'Visual Variances' folder only.

OPEN TO ALL. NO NEED TO CLAIM. NO SUBMISSION WILL BE ACCEPTED AFTER 9th Jan 11.59pm.

Proof of Existence in the University Circus- The holder of this card is a certified multitasker🏃‍♂️ , adept at balancing academic pursuits, social engagements, and an ever-expanding task list📈 . Embracing the whirlwind of college life with a smile, a steaming cup of coffee, and an unshakable faith in the restorative abilities of a well-deserved night's sleep... eventually.🤐

The task is to make a new college ID or try to duplicate the existing id as closest as possible.🪪

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 "College ID" folder only.

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

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 considered after 27th Dec 11.59pm.

GeekHaven Commmunity App is a one-stop app for all the management tasks of GeekHaven.🌌

This app provides a comprehensive space where teams can discuss their ideas, display the current running projects of different wings for better collaboration.🧑‍💻

In this Task you need to design the project page for the GeekHaven Commmunity App.📱

Design the project screen of the app in a way that seems suitable to you based on the purpose of the GeekHaven Commmunity App.

If you are unclear with how to start, you can check out this playlist:
https://youtu.be/hyZIcCAl8sw?si=51AQCdhlt5byCoEJ

Submission Guideline:

• The screen is used to manage all the ongoing projects.🧑‍💻
• It should display the ongoing projects.
• It should have a option to create a new project.
• The progress/completeness of the project should be visually represented using progress bars.📈
• The content of the screens can vary as per your understanding of the purpose of the app.
• You can take inspiration from the tumblr 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 ‘GeekhavenApp-Project’ 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. Being a 30 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. No submission will be considered after 27th Dec 11.59pm.

GeekHaven Commmunity App is a one-stop app for all the management tasks of GeekHaven.🌌

This app provides a comprehensive space where teams can discuss their ideas, display the current running projects of different wings for better collaboration.🧑‍💻

In this Task you need to design the homepage for the GeekHaven Commmunity App.📱

Design the homescreen of the app in a way that seems suitable to you based on the purpose of the GeekHaven Commmunity App.

If you are unclear with how to start, you can check out this playlist:
https://youtu.be/hyZIcCAl8sw?si=51AQCdhlt5byCoEJ

Submission Guideline:

• The screen would be used to show all the feed which includes post from the other users.
  Like all the news a developer needs to here would be given in that feed.📰 (Like the one in instagram ).

• It should show also display ongoing projects of the users.🧑‍💻

• The content of the screens can vary as per your understanding of the purpose of the app.

• You can take inspiration from the tumblr 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 ‘GeekhavenApp-Feed' 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. Being a 20 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 29th December 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 FitLife app. 💪

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 Task” folder only.

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

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.😊