Mango Sago

Mango sago is a tropical Asian dessert originating from Hong Kong that combines mangoes, sago pearls, and coconut milk to make the perfect summer dessert!

Ingredients

• 2 mangoes
• 200 mL coconut milk
• 4 Tbsp condensed milk
• 1/8 cup salt
• 1/2 cup sago pearls

Instructions

1. Bring 5 cups of water to a boil. Once boiling, throw in the uncooked sago pearls and turn down the heat to a medium-low. Let the pearls cook for around 15 minutes (stirring constantly to avoid sticking/burning), or until the pearls are translucent and no longer white.
2. Once cooked, drain the boiling liquid and immediately rinse under cold water to stop the cooking process. Set aside.
3. In a blender, combine together the 250 g of diced mangoes, coconut milk, condensed milk, and salt. Blend until smooth. You may choose to chill this mixture for at least 1-2 hours if you prefer the dessert to be cold.
4. Gently fold the mango-coconut mixture with the cooked sago pearls.
5. You may choose to layer with more mangoes or serve as is.

Images

Recipe Links

This recipe page has images for each step, which is helpful for people who may not be familiar with the ingredients or processes to prepare them. It also has a practical functions like a "jump to recipe" button that skips the description and goes straight to the ingredients and instructions and a "cook mode" that keeps the phone screen on so people can view the recipe while cooking without worrying about the screen turning off.

This recipe page uses a consistent color palette that even the photos follow, which makes it comfortable to read and understand. It also includes milk alternatives, which shows an understanding of the end user (many Asians are lactose intolerant, so having lactose-free options on an Asian recipe site is considerate of the target audience).

This recipe page offers a brief history of the origins of the dessert, which offers interesting context on how the dessert has evolved over time. However, this can be frustrating for some users who may not want to read so much on the history of mango sago and just want to access the recipe.

Design Links

Uniqlo's site design is very simple and clean, but with select dynamic elements that add interest without overriding the visual language of the site. I would like to similarly keep my site clean and easy to navigate while adding a few elements to engage the viewer and emphasize certain points.

AIGA's Eye on Design section is very intuitive and responsive to user movement with features like horizontal scrolling on select carousels. It also has some nice quality-of-life features such as changing the color of sections when the cursor is hovering over it, that I would like to take inspiration from.

Essen pairs serif and sans serif fonts well, which creates a more dynamic appearance while keeping other elements clean and simple. The cursor also gives a brief description when it hovers over linked elements, which is helpful for previewing pages without havinng to click into them.