previous-project
next-project

03 / 20

December 2017 feedingtrends.com Product Design

Stories that make you think and rethink.

A platform for budding writers and readers

floating mockup, web mockup, pad, mobile, mockup
Timeframe

April 2018- May 2018
2 Month

Tools

Adobe Creative Suite
Sketch, Flinto, Zeplin sdwdswdw wdwd

Role

UI/UX Desiner
Marketing

Team

UI/UX Desiner
Marketing

Preface

Feeding Trends is an online media company organizing literary styles for interactive journalism. They publish global trends, which are important, relevant and interesting. Their prime focus lies in the curation of highly engrossing content. Working diligently to convince people into spending time with content, through effective imagination, creation and presentation. And in a way wishing for is to uplift the notion that ‘media is dead’. Wanting to do wonders with their content, with people talking about them, anywhere and everywhere - night outs, road trips, birthdays parties, conferences, and even family functions! All through feedingtrends.com

From humble Beginnings

It all started in 2017, Yash Srivastava and Zainab Siddique, my seniors, co-founded feeding trends. I was in 6th semester, enjoying some home time during summer vacation, got a call from Yash sir and I was asked to do a logo design for FeedingTrends. I remember it was a long call. Well moving forward, logo designing is tough, I took my time and did textual logo, used a Sans font, outlined it, played around arrow, to make it feel like trendy stuff and yeah Finished. We moved forward and setup implemented logo on Facebook, Instagram and on stuff. FT got recognized and people started sharing our stuff and yeah it was great start.

Later on after 2 month I joined FeedingTrends. While still managing my time around college and working at feeding Trends Office. Bunking Classes just to work on outgoing projects at FT Office or from my flat.

Bunking clsses to work on outgoing projects while still managing college assignments and all. It was Beginnings of something great.
creative team pic, team pic, team, designers, developers

Feeding Trends Team: 2017

Back to design: Project Brief

The Feeding Trends Website was already up and running, when people around the team felt a need of Redesigning everything from scratch. The website previously was just content.

To design to gather user, enrich User reading experience. Provide better Navigation. Make Website pop. Haha.

Problems To be solved and Considerations

1. Clear structure and navigation flows;
2. Compelling and clear visual design;
3. Great copy and tone of voice;
4. Thoughtful transitions and animations;
5. The website's performance and speed;
6. The user's mobile phone performance and speed;
7. Content readability;
8. Mobile first;
9. Article suggestion, ro read more;
9. Proper design colors and aesthetics.

Research and Ideation

Many meeting were held to discuss the same with all the team, designers and developers, we decided to go with Making a mvp. Ideated mind maps and wireframes.

mockup, tab, mobile, floating mockup

-- Mind map--

Making mind map helped the team materialize the concepts and make their characteristics more explicit: it revealed hidden clusters, patterns and entities, it made them more clear and more understandable.

Design

Open> XD> Design. The first thing I designed was the content page. It was the first thing any user will visit whenever he/she follow a journey of coming to website thorough whatsapp, facebook link shared to them. So, It got my first priority. After going through some websites, Behance and sharing things with team, I designed layout focused to enrich user reading experience, experimenting with font size, colour, contrast till getting it just right to move forward. The below is the design I did for the content Page.

To design to gather user, enrich User reading experience. Provide better Navigation. Make Website pop. Haha.

responsive layout, responsive web, prototype

Layout Options

I experimented with different layouts to put everything together, got feedback from team and designed som high feudality mockup and test it through Adobe XD prototyping, Made prototype, tested it and finally we got to the points where me and team agreed to stick to one layout and moved farword to design further pages and adding required details.

web mockup, feeding trends web mockup, responsive web

High Feudality Design

Putting all the research and i started making high feudality design for the website starting with its content page then moving forward from there to Home page and every other page. I did a simple prototype connecting all the pages navigation.

elevito team, Saurabh Chandra Rai, shekhar Gupta, Yash Srivastava
elevito team, Saurabh Chandra Rai, shekhar guota, yash srivastav
elevito team, Saurabh Chandra Rai, shekhar guota, yash srivastav
elevito team, Saurabh Chandra Rai, shekhar guota, yash srivastav
elevito team, Saurabh Chandra Rai, shekhar guota, yash srivastav
elevito team, Saurabh Chandra Rai, shekhar guota, yash srivastav
elevito team, Saurabh Chandra Rai, shekhar guota, yash srivastav

Brand Identity

When web design was done and I handover everything to developer from design assets to documentation of it. I started working on its brand identity to be used for business proposes of the company. Designed Letterhead, Visiting card, Id card, made mockups and everything in between.

elevito team, Saurabh Chandra Rai, shekhar guota, yash srivastav
mockup, tab, mobile, floating mockup
mockup, tab, mobile, floating mockup

Stuff I did

✔ Research ✔ Ideation ✔ Taking Design Meetings ✔ Collaborating with developer ✔ Making Post for social Media ✔ Lots of IceTea ✔ Exporting Assets ✔ Wireframe ✔ Testing with users ✔ Creating A design System ✔ Branding ✔ Identity Design ✔ Defending UX Decisions ✔ Pop and un-pop things

Learnings

This project was very long, there was so many changes done one after one. So many iteration. Well after the development the website traffic increased. People started taking there seriously. The problem that was there before redesign was solved. The development team did a great job and took my design even further and better with all the tweaking done from time to time.

It is the people that makes everything worthwhile. I happen to work with some great people during design phase and later on during development phase as an audience. It was awesome.

Share Your thoughts

Damn you really like to scroll. Click Me.

clap icon