UI/UX Design: Create a profile page design for Fix Food

RobertoHanas commented 2 months ago

Objective

Check out our app, FixFood—designed to turn the chaos of family mealtimes into a smooth, stress-free experience. FixFood collects data from users’ in-app choices, the recipes they cook and the quests they complete, which help the family members unlock new cooking skills and level up their kitchen game.

Your task? Design a user profile page that neatly showcases a user’s progress—from the meals they’ve cooked to their dietary preferences and allergies. This page should clearly display their achievements, quests, and cooking levels in a visually engaging way, making it easy for users to track their culinary journey and feel proud of their accomplishments.

To help you get started, here's the previous prototype that outlines the key features.

Task Requirements

Assignment:

Design a mobile application interface for the FixFood user profile.

Deliverables:

[ ] Wireframe: Begin by creating a low-fidelity wireframe for the user profile page. Focus on the layout and structure, making sure to clearly represent essential elements like the profile picture, user details, and key actions.
[ ] UI Design: Design the user profile page in Figma, using components from the FixFood design system. Ensure the design is visually appealing and aligned with FixFood's branding and design guidelines.
[ ] UX Prototype: Develop an interactive prototype in Figma that demonstrates how users will interact with the profile page. The prototype should showcase key interactions and provide a seamless, intuitive user experience.

Submit your Figma file with the wireframe and designs as a link in our email conversation.

Tips For Working:

Feel free to use any tools available to speed up your work.
Give yourself the creative freedom to make this the best version you can - feel free to move away from the design of the old prototype.

What We're Looking For:

Creativity and Technical Proficiency: We want to see how you approach the full design process, from developing initial wireframes to delivering final designs and interactive prototypes. Show us your ability to think creatively while maintaining technical precision.
Collaboration and Design Systems: We’re looking for candidates who can effectively work within a design system, demonstrating how well you collaborate and incorporate pre-existing guidelines to create cohesive designs.
User-Centered Design: We’re looking for designs that are not only visually appealing but also thoughtfully balance functionality and ease of use. The goal is to create intuitive, seamless experiences that users will find both enjoyable and efficient.

Resources:

Design System Components
Profile Page Prototype V0
In case you face any problems, do not hesitate to contact via the email conversation we have.

Compensation:

We understand that your time and expertise are valuable. Therefore, if we decide to use any part of the work you submit as part of this assignment, we will compensate you for it.

Feel free to reach out if you have any questions or need further clarification. We look forward to reviewing your work and continuing the conversation.

cherish400 commented 2 months ago

Hi @pasiaj and @elinamart, I have 2 quick questions :) What screen size/device are we primarily designing for (Is it Tablet, PC or mobile)? Is there a timeline for this design task, just incase I missed it?

Quick update on my question 1: I see the primary design is for mobile, my bad 🙏

cherish400 commented 2 months ago

Hi @pasiaj and @elinamart I just wanted to inform you that I sent a request for access to the design system you shared so that I can pick some elements for the design task. I could also duplicate the design system file to my drafts and use them, but I wanted to ask first.

elinamart commented 2 months ago

Hi @pasiaj and @elinamart I just wanted to inform you that I sent a request for access to the design system you shared so that I can pick some elements for the design task. I could also duplicate the design system file to my drafts and use them, but I wanted to ask first.

Hi Vic,

You can duplicate it to your drafts.

Have a good one!

tharakanilupul commented 2 months ago

Hello @pasiaj and @elinamart Could you please let me know the appropriate email address to send the task? I want to ensure it reaches the right person.

elinamart commented 2 months ago

Hello @pasiaj and @elinamart Could you please let me know the appropriate email address to send the task? I want to ensure it reaches the right person.

Hi Tharaka,

We have received your submission, thank you.

Have a great day!

cherish400 commented 1 month ago

Hello @pasiaj and @elinamart When you see this, please confirm you received my Design Task submission sent via email. Thank you

VuoAI / vuo-base-components