FoodFood
Bringing the Channel Online
A TV channel run by Indian celebrity chef, Sanjiv Kapoor. RBBi got awarded this
project to design and develop the portal after an international pitch process. The Master Chef was
personally involved in making the decision after looking at the strategy, design and the user experience
which was presented by RBBi
Insights and user journeys
The task was to talk to foodies and everybody
who seeks recipes and/or
interested in the art of making taste buds tingle.
RBBi depended on third party research and
Chef Sanjeev Kapoor himself with his wealth of
knowledge and insights about various user
personas.
How they browse, what do they seek? how do
they filter or search? Do they
use desktop, tablet or mobiles? Do they need to
login? etc. etc. Final User Personas had all
those insights built in to consideration for us to
start the next phase – Design.
Information Architecture & Wireframes
Getting started on paper.
That’s the way we roll
After spending time with Mr. Sanjeev Kapoor and the Food Food team,
discussing and planning the overall approach. The challenge was to put these insights in
perspective and find ways to bring out the most relevant information needed by the users. The
web has become multi dimensional and we wanted to take advantage of that leap but at the same time keeping in mind the avg. user and limitations caused
by their browsing patterns.
Some of the insights we got were against the common concepts and were
challenging to the core concept of how users browse food recipes and videos.
Annotated Wireframes
Some client call it B/W designs. Wireframes are the blueprints of design. We
created all user journeys through these wireframes and then tested these with actual users, using a
method called Paper Prototyping. This helped us define the page structure and allow design to
concentrate on bringing the experience to life visually without worrying about what should or
shouldn’t be on the page.
The Juicy User Interface Details
After weeks of design cycles and successful client approvals, RBBi delivered
final designs for every page, every component and every element—with all it’s juicy details, all
down to a pixel perfect layered file to the development team.
Informed design is the mantra we follow at RBBi. Here a classic example. Based
our research and client’s insights we learnt that from the audience who look for recipes, tips and
suggestions online around 68-70 percent are vegetarians (from the Food Food TA). That gave us an
inspiration to put this one click filter to convert the entire site’s content in to vegetarian only.
Using the content as the hero.
That’s what we follow.
Good interface is the one that facilitate user’s interaction with the
content without becoming a distraction in itself.- A thought that drives every designer at RBBi.
Entire website UI creafted built using just 2-3 colours from the brand
palette to create this minimalistic look that highlighted beautiful imagery and the content of
the website.
Recipes Homepage
A starting page for most of the user journeys
Recipes recipes
The final destination page and begining of the conversation.