Designing A Cooking Web Platform
Main screen is meant to keep the focus on the top 4 articles of the day via the Hero Slider. However, the top & side nav and the search bar still give the user all the other access they need - just one click away.
The website has one color. The dark gray background color is only for the Advanced Search Platform so that users know where they are and also - to bring more focus on the search results.
Via the CMS editors can choose between sveral options when it comes to how they want their article's cover to look like: Big Photo Cover, Split-Screen Cover or Full-Screen Cover (suitable for video-articles)
If you like a recipe you can easily add the ingredients to a personal shopping list. You can like add the products to as much recipes as you like. Then, when you go in the local grocery, you can check/uncheck all you need to buy. That's one of the benefits for users who decide to create an account for the platform.
Registered users have the benefit of adding any recipe to their Personal Notebook. They can access them anytime and also - organize them in customized folders.
There are certain functions on the web platform that can't be accessed without logging in or registering an acount. However, the buttons for them are always present and they pop-up different modals with a CTA for log-in/registration.
Some widgets were designed. Their purpose was to embed them into the articles' text. Let's say an editor writes about a pan-cooked meal. They can easily embed a link to the company's online shop. "If you don't have the right pan for this recipe - buy one with just one click. Right now!"
Users have the option to upload their own recipes and submit them for approval. It's a 6-step proces with clear instructions.
Since it so happens that I love cooking, I also contributed to the website with a few articles, collages and commercial artworks.
More Works
Bo HandbagsUI/UX
Pieceslyric videos
BlackWings Lingerielogo design
#URBNweb design
Impressioweb design
Rosebourgalbum art • branding
Brewnetlogo design
A Rosedummy filler
Streets, Signs & PostersHow I see... (series)
The Living RoomHow I see... (series)