Recipe: Strawberry chocolate profiteroles

Source attribution

Description:

Ingredients:

Steps:

  1. To make the profiteroles; put the butter in a pan with 150ml water, bring to the boil to melt the butter. Remove from the heat and immediately add all the flour and beat with a wooden spoon to get a smooth dough that comes easily away from the pan. Cool for five minutes. Preheat the oven to 220C/fan 200C/gas mark 7.
  2. Vigorously beat in the eggs a little at a time until you have a thick and glossy mixture. It’s important to beat it hard to incorporate as much air as possible. Sprinkle a little water on two baking trays and use a teaspoon or piping bag to make blobs of the mixture on the trays. Bake for around 15 minutes until puffed up and golden. Remove from the oven make a small slit in the base of each and return to the oven for three more minutes. This helps release the steam and create a crisper shell. Leave to cool on a wire rack.
  3. Whip the cream with the icing sugar to soft peaks and stir in the chopped strawberries. Cut the tops from the profiteroles and fill each with the cream mix then return the tops and pile up on a serving platter.
  4. Melt the chocolate in the microwave or in a heat-proof bowl over a pan of simmering water. Dip the halved strawberries in the chocolate and leave to set on greaseproof paper. Drizzle the remaining chocolate over the profiteroles then decorate with the chocolate strawberries.

Sample imagery:

strawberry profiteroles strawberry profiteroles strawberries
chocolate sauce chocolate profiteroles chocolate strawberry profiteroles

Sample recipe websites:

  1. recipeTinEats:
    • This is a good site reference, as it is aesthetic and also has many features that seem to be user-focused. At the top of the page, it gives the user the option to jump straight to the recipe (so they don't have to scroll through the description), the comment section (to see other users' reviews), and others. It includes a lot of images of the individual ingredients, the baking steps, the end product, as well as a video. Additionally, the recipe is interactive and allows the user to check of ingredient items.
  2. AllRecipes:
    • This website has an eye catching video of the recipe at the top of the page, as well as the immediate information a person would want to know regarding the item (i.e. cooking time, serving size, etc). It also has a lot of images of the cooking steps, as well as a user review section (can upload images), and the ability to easily navigate the page by jumping to different sections.
  3. serious eats:
    • This site provides detailed directions and description of the product. I think it could be more effective if it included the basic recipe information (i.e. cooking time, servings, etc.) at the very top of the page and not after the personal description, as well as more images.

Sample non-recipe websites:

  1. Otsea:
    • I like how the home page is a big background image, with navigation tabs to continue the experience. The imagery is very distinct, and the main focus is on the scenery. Something similar could be done with an image of profiteroles/baking step.
  2. Art Timeline:
    • The horizontal scroll feature of this website with images for different art periods is interesting. It makes it clear the order/sequence of the periods, and I could see something similar being implemented vertically for the baking steps (i.e. each step has a cover image that when clicked reveals the directions, and these images all flow vertially).
  3. Motion.ed:
    • The bold lettering and contrast colours between the words and the background images makes the page easy to read and the topics standout. The lettering is very distinct and captures your attention. This may help me when choosing colours for my design, as it may be good to have something similarily eye-catching and distinct. The ball that moves/bounces as the user moves to a new topic is also interesting, as it helps focus your attention.