UI - UX First Week

Intro: These assignments are more for examinotary purposes.
This is in order to understand

your strengths and weaknesses, before we put you in groups. This is an opportunity for you to
leave a great first impression.
About the assignment: Go through the tasks below and complete at least 2 of them.
Remember that this is an internship + partnership program opportunity, this means doing more
of the tasks below puts you at a great start for partnership, if this is what you’re aiming for.
Instructions on how to submit: You are required to use Figma to execute the tasks. When
submitting your tasks, send us a link of your corresponding Figma project to
shashank@chamberly.net. In the email, you can also write more about the work you did in each
task. You may also attach videos explaining your work if you would like.
If you have any questions, please also contact at shashank@chamberly.net.
Deadline: Written in the email.
Important: If you have an apple mobile device, you can check out our app by searching
“Chamberly” on the app store. The app is NOT available on android devices. The Figma project
here showcases most of our current app design. This Figma project is an accurate
representation of our chamberly app.
Best of luck!! :))

Task 1: Redesigning the Home Screen to Showcase Our Products
Create a fresh design for the home screen that strategically features our below core products:
● Craft an engaging presentation for the Chamber with an attention-grabbing feed.

● Ensure a user-friendly and visually appealing interface for recording moods.
● Highlight the journal recording feature, focusing on clarity and ease of use.
● Implement a design for adding activities seamlessly, enhancing their visibility on the
home screen.
Step 1: Analysis and Familiarization
● Familiarize yourself with the current home screen design.

● Understand the placement and visibility of existing products (Chamber with feed, mood
recording, journal, and activity addition).
Step 2: User Flow Mapping
● Map out the user flow from the moment they open the app to engaging with each
product.
● Identify potential areas for improvement or optimization in the current flow.
Step 3: Interactive Prototypes
● Build interactive prototypes to visualize the user experience.

● Test the prototypes for usability
Step 4: Implementation Guidelines
● Create detailed implementation guidelines for developers, specifying dimensions, color

codes, and interactive elements.
● Ensure that the new design aligns with both aesthetic and functional requirements.
Step 5: Quality Assurance
● Check for consistency in design and user experience.

Task 2: Designing Avatar Selection Feature
Objective: Develop an intuitive and visually appealing feature that enables both premium and
basic users to select avatars as their profile images. You can use any set of avatars from the
internet to showcase your avatar selection feature. Please do not design or create new avatars
from scratch. This task is about developing an avatar selection screen and how avatars would
look and listed to free vs premium users.
Instructions:
1. User Persona Understanding:

○ Familiarise yourself with the user personas, considering both premium and basic
users.
○ Understand the significance of avatars in users' self-expression within the mental
health context.
2. Design Concept:
○ Propose at least two design concepts for the avatar selection feature.
○ Ensure that the designs resonate with the overall app aesthetic and promote a
positive user experience.
3. User Flow:
○ Create a user flow that guides users through the process of selecting avatars.
4. Inclusivity and Accessibility:
○ Ensure that the avatar selection feature is inclusive and accessible to users with
varying needs.
○ Consider color contrasts, text legibility, and other accessibility principles.
5. Integration with Profile Setup:
○ Design how the avatar selection integrates into the existing profile setup process.
○ Consider placement, visibility, and user guidance during avatar selection.
6. Premium vs. Basic User Distinction:
○ Propose a method to distinguish between avatars available to premium and basic
users.
○ Consider offering a variety of avatars to basic users while providing premium
users with exclusive options.
7. Documentation and Presentation:
○ Document the rationale behind your design decisions.
○ Create a visually appealing presentation or document that showcases the design
concepts, user flows, and any interactive prototypes.
Task 3: Designing the Community Feature
Objective: Develop an intuitive and engaging Community feature (like FB group or insta page)
that allows users to connect, share, vent or/and support each othert. Design with simplicity and
seamless integration into the existing app in mind.
Instructions:
1. Community Creation:
○ Design a user-friendly process for creating a new community.
○ Consider minimal and relevant information required for community setup.
2. Community Discovery:
○ Explore options for users to discover and join communities.
○ Decide whether to integrate with existing Chamber search cards or utilize a
special card or section for community discovery.
3. Moderation Features:
○ Create a simple and effective moderation system for community leaders.
○ Allow community leaders to manage members, posts, and ensure a positive
environment.
4. Posting and Interactions:
○ Design an intuitive posting interface for community members.
○ Include features such as text posts, image uploads, and the ability to like, share,
and comment on posts.
5. Community Interaction Outside the App:
○ Explore options for sharing the community or specific posts outside the app.
○ Consider ease of sharing on external platforms while maintaining privacy and
security.
6. Direct Messaging within Communities:
○ Devise a user-friendly direct messaging system within communities.
○ Enable members to connect privately, fostering deeper connections.
Integration in the app:
● Separate or Embedded Design:

○ Provide insights on whether the Community feature should be presented as
separate from Chamber search cards or embedded with a special card or
sectioned design.
○ Consider user flow and the overall aesthetic of the app.
Bonus Points for Execution:
● Creativity and innovation in the design.

● Thoughtful consideration of user experience.
● Consistency with existing app aesthetics.
Task 4: Crafting an Expressive User Profile Feature
Background: We're introducing a new User Profile feature to enhance user expression,
facilitate connections, and offer a snapshot of individual journeys within our mental health app.
This profile will serve as a means for users to express themselves, share their interests, and find
like-minded individuals. Your task is to design a minimalist yet impactful User Profile feature.
Objective: Design an intuitive User Profile feature that allows users to express their personality,
share relevant information, and connect meaningfully with others on the platform.
Key Features:
1. Expressive Avatar Selection:

○ Users should have the option to choose avatars as their profile pictures. Ensure a
diverse and inclusive range of avatar options that users can resonate with.
2. Personal Interests and Hobbies:
○ Include sections for users to input their hobbies and interests. This could
encompass activities that bring joy and relaxation to their lives.
3. Mental Health Journey:
○ Provide a space for users to share their mental health experiences. This could
include past struggles, ongoing challenges, or achievements related to mental
well-being.
○ Topics they are open to talk about, listen from other users.
4. Badge Showcase:
○ Display earned badges prominently on the profile to showcase a user's
achievements and contributions to the community.
Integration Guidelines:
1. Seamless Integration:
○ Design the User Profile feature to seamlessly integrate with the existing app
structure. Ensure a smooth transition from other app sections to the user's
profile.
2. User Flow:
○ Create an intuitive user flow that allows users to easily navigate through the
profile creation process. Consider a step-by-step approach to keep it
user-friendly.
3. Privacy Considerations:
○ Implement privacy settings allowing users to control what information is visible on
their profile to other users.
Extra Bonus Points: Design elements that encourage positive engagement and connections
between users. Consider creative executions that make the User Profile feature enjoyable and
distinctive..
Evaluation Criteria:
● Clarity and intuitiveness of the User Profile feature.

● Seamless integration with the existing app and user-friendly navigation.
● Creative touches that enhance user engagement.

UI - UX First Week

Uploaded by

Copyright:

Available Formats

UI - UX First Week

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

UI - UX First Week

Uploaded by

Copyright:

Available Formats

Intro: These assignments are more for examinotary purposes.

This is in order to understand

If you have any questions, please also contact at shashank@chamberly.net.

Deadline: Written in the email.

Best of luck!! :))

● Craft an engaging presentation for the Chamber with an attention-grabbing feed.

Step 1: Analysis and Familiarization

● Familiarize yourself with the current home screen design.

Step 2: User Flow Mapping

Step 3: Interactive Prototypes

● Build interactive prototypes to visualize the user experience.

Step 4: Implementation Guidelines

● Create detailed implementation guidelines for developers, specifying dimensions, color

Step 5: Quality Assurance

● Check for consistency in design and user experience.

1. User Persona Understanding:

Integration in the app:

● Separate or Embedded Design:

Bonus Points for Execution:

● Creativity and innovation in the design.

1. Expressive Avatar Selection:

● Clarity and intuitiveness of the User Profile feature.

You might also like