study case cover with 3 app use steps

lamen.recife.br

Trying all the ramen places in Recife and deploying the reviews from Instagram



  • Project Overview
  • Web Design
  • Duration: December 2025 - Present

  • Team:
  • Product Designer✋


ongoing

Problem Statement

Back in 2022, I began trying all the ramen dishes in my hometown and documented my reviews with pictures at this insta account
Late 2025 I started coding the website to replicate the content from insta on the web.



Development and Architecture

First thing I did was writing a script called irasshaimase.js that when called, would ask me for a restaurant name, stars review and location coordinates, and later would create a line on restaurants.csv containing this info, along with a restaurant-name.html file. Irasshaimase is a Japanese welcoming greeting supposed to be said by restaurant employees or owners whenever a new client enters the store.

Then, it takes all csv entries and sets them up dinamically as divs in my index.html, with slugs for cover images and url. All I need to modify manually in the restaurant html files is adding the review text.

ChatGPT helped me set up the code, and I asked for everything based on how I wanted the code to behave. I did not want to set up each card manually on index.html everytime I wished to add a new restaurant.


Design


Being a personal project headed by myself in all fronts, firstly I focused on the engineering part. The UI design has been simple so far, and I'm using Bootstrap classes for everything.

Next sprint, I'll be focusing on the design part to both make it more visually appealing, and improve the experience based on visitors' feedback.