I dedicated four months to crafting the foodie experiences for Connect Link. Through collaborative efforts, I designed and prototyped a seamless mobile experience that complemented its desktop counterpart.
Product Designer
4 months
Product thinking
User research
Visual design
Rana Jayant
Siyu Offor
Connect link is an early-stage startup. During my four months, I addressed information architecture gaps, created wireframes, and adapted the RealRecipe website into a responsive mobile application. Currently, RealRecipe is in its early stages, seeking seed funding.
A curated feed of posts, events, challenges, and giveaways specific to users.
Users can write in depth recipes for other users to read. They can also request recipes from image only posts.
Community-wide events and challenges open to all users to participate in.
Upon my arrival, I was promptly handed a detailed spreadsheet outlining the features and functionalities of RealRecipe. Faced with relatively limited initial guidance, I took the initiative to formulate my own comprehensive project plan. This plan aimed to provide a structured roadmap for my involvement with the RealRecipe project, ensuring that all aspects of the development and implementation process were thoroughly considered and organized.
A team member and I collaborate to create a site map for RealRecipe.
I aimed to identify strategies that could be adapted and implemented to create a more user-friendly and engaging experience for RealRecipe users.
Facebook seamlessly integrates a wide variety of content within its feed, from events to photos.
Instagram's layout and general user flows is well known by many. it serves a great base for any social media app.
Pinterest has a thorough onboarding process and easily allows users to discover new content.
Based on the research, here are the goals I am helping users to achieve:
Explore and find content that the user wants to see.
Write out in depth recipes.
Build community and bring foodies closer together.
I explored various iterations of RealRecipe's core features to investigate different possibilities before delving into high-fidelity designs. My primary focus during this phase was experimenting with interaction patterns and user interface layouts, because they would directly affect other screens.
I thought having a less cluttered feed would be better for users. However, the majority of user prefered the second design because the flow seemed more straightforward and involved less tapping.
Not all posts have fully written out recipes. Some are image only. An important feature of RealRecipe is the ability to request recipes. The early testing was crucial in deciding how this main feature looked so that the UI stayed consistent throughout.
After the first round of testing, the team and I decided to move forward to branding. RealRecipe is based on a physical website (recipesinhindi.com). To call back to the original website, we used a similar color scheme for RealRecipe.
.png)
With a more thought out branding and UI concept in mind, I proceeded to design high-fidelity wireframes and prototypes for the mobile application. During this phase, I prioritized accessibility considerations and delved into a bit of interaction design.
.png)
With a more thought out branding and UI concept in mind, I proceeded to design high-fidelity wireframes and prototypes for the mobile application. During this phase, I prioritized accessibility considerations and delved into a bit of interaction design.
Drivers can post their upcoming trip, offer up their seat, and connect with other riders.
Drivers can post their upcoming trip, offer up their seat, and connect with other riders.
Drivers can post their upcoming trip, offer up their seat, and connect with other riders.
An accessible button that takes the user right to all the available orders that are ready to be delivered.
Drivers can post their upcoming trip, offer up their seat, and connect with other riders.
An accessible button that takes the user right to all the available orders that are ready to be delivered.
This was my first time working with startups, and it was a bit challenging at the start. But, I'm really thankful for the experience. It helped me get better at designing and taught me how to explain and stand up for my design choices. Sadly, things come to an end and I cannot see this project through to the end.
.png)
.png)