Myfoodbuddy is a food/nutrition app that lets users track calories with the sound of their voice. It uses voice recognition AI to make nutrition tracking easy.

I was approached by the founder, Adam, to design and develop the website for the app.

The main goal was to create a website/landing page that is consistent with the UI + branding guidelines of the Myfoodbuddy app itself.

Of course, a few liberties would be taken here and there for the purpose of user experience.

I spent an entire day researching as much as I could about the Myfoodbuddy app and its industry competitors.

This included going through many reviews + comments to see the wants, needs, likes, and pains of the target audience.

I was given free access to the Myfoodbuddy app to get a feel of it and all of its capabilities.

I took many screenshots of the app itself to take notes of any standout features, benefits, and design motifs.

Adam, the founder of Myfoodbuddy, was given deliverables + updates on the design every 24-48 hours.

This was done to get feedback along the way and to ensure we both stayed on the same page of fitting his vision for the site.

Upon approval of the final design, I went straight into developing the website in Webflow.

In addition to this, I developed a blog archive page + CMS template for each individual blog entry.

Custom Visuals: There was little-to-no media/imagery provided at the start of the project. Because of this, I made some custom-visuals + realistic AI-generated photography to be used as a way to spice up the aesthetics of the website.

Consistent Styling with App: I was able to incorporate styling + a color palette that was very consistent with the Myfoodbuddy app itself.

Fully Responsive: I made sure that the mobile experience of scrolling through the website was just as good + smooth as the desktop experience.

Upon delivery of the final website, Adam was very satisfied and really liked how consistent the design was with the already established UI + branding of the Myfoodbuddy app.