Cafe Runam
![banner hero](/images/cafeRunam/banner-hero.webp)
![logo cafe runam](/images/cafeRunam/logo-cafe-runam.webp)
![shape left](/images/cafeRunam/shape-left.png)
![shape right](/images/cafeRunam/shape-right.png)
![background story mobile](/images/cafeRunam/bg-story-mobile.webp)
RUNAM story
RuNam – established in 2013, the name is evoked by endless inspiration from Vietnamese lullabies, bringing with it the deep romance and the traditional spirit of Vietnam.
We are a high-class coffee & restaurant chain located in the center of major cities in Vietnam. RuNam’s restaurants are uniformly designed with a European style.
Likewise, each restaurant is also highlighted by its unique space angles, creating a difference and a variety of images in customers' hearts.
In addition to pride in coffee, RuNam also serves a variety of Vietnamese-European culinary quintessence, satisfying diners both in Vietnam and abroad.
![flower](/images/cafeRunam/shape-flower.png)
![flower](/images/cafeRunam/shape-flower.png)
![flower](/images/cafeRunam/shape-flower.png)
![flower](/images/cafeRunam/shape-flower.png)
![image](/images/cafeRunam/img-story-1.webp)
![flower](/images/cafeRunam/shape-flower.png)
![flower](/images/cafeRunam/shape-flower.png)
![flower](/images/cafeRunam/shape-flower.png)
![flower](/images/cafeRunam/shape-flower.png)
![image](/images/cafeRunam/img-story-2.webp)
![flower](/images/cafeRunam/shape-flower.png)
![flower](/images/cafeRunam/shape-flower.png)
![flower](/images/cafeRunam/shape-flower.png)
![flower](/images/cafeRunam/shape-flower.png)
![image](/images/cafeRunam/img-story-3.webp)
A JOURNEY
TO
EMPATHIZE...
![background experience](/images/cafeRunam/bg-experience.webp)
![iamge experience in runam](/images/cafeRunam/image-experience-1.webp)
![iamge experience space in runam](/images/cafeRunam/image-experience-2.webp)
the business's products and services.
![iamge experience order menu](/images/cafeRunam/image-experience-3.webp)
for us to design a website
with RuNam characteristics.
CHALLENGES
For RuNam, the client's requirements were quite challenging, unlike any previous projects that JAMstack Vietnam had undertaken.
We had to devise a new approach, breaking away from the conventional website presentation for restaurants and cafes, to create a website for RuNam that offered an impression visual and brand experience.
![image runam old](/images/cafeRunam/image-runam-old.webp)
... MATERIALIZE
THE IDEA
![background materialize](/images/cafeRunam/bg-materialize.webp)
![image materialize 1](/images/cafeRunam/image-materialize-1.webp)
![image materialize 3](/images/cafeRunam/image-materialize-3.webp)
![image materialize 2](/images/cafeRunam/image-materialize-2.webp)
![mood board first](/images/cafeRunam/mood-board-1.webp)
![mood board second](/images/cafeRunam/mood-board-2.webp)
MAKE A DIFFERENT
EXPERIENCE
![shape element](/images/cafeRunam/shape-element.webp)
THE ELEMENTS THAT "DEFINES" Runam
![flower](/images/cafeRunam/shape-flower.png)
![flower](/images/cafeRunam/shape-flower.png)
![flower](/images/cafeRunam/shape-flower.png)
![flower](/images/cafeRunam/shape-flower.png)
![background element](/images/cafeRunam/bg-element.webp)
![image font family](/images/cafeRunam/image-font-family.webp)
![image brand color](/images/cafeRunam/image-brand-color.webp)
![image left](/images/cafeRunam/image-left.gif)
![image right](/images/cafeRunam/image-right.gif)
![shape result](/images/cafeRunam/shape-result.webp)
![laptop](/images/cafeRunam/laptop.webp)
![runam hero](/images/cafeRunam/image-home-1.webp)
![homepage runam su thang hoa](/images/cafeRunam/image-home-2.webp)
![homepage runam hanh trinh huong vi](/images/cafeRunam/image-home-3.webp)
![homepage runam he thong](/images/cafeRunam/image-home-4.webp)
![homepage runam ban tin](/images/cafeRunam/image-home-5.webp)
![homepage runam footer](/images/cafeRunam/image-home-6.webp)
![shape responsive](/images/cafeRunam/shape-responsive.webp)
![image responsive mobile](/images/cafeRunam/image-responsive-mobile.webp)
![image responsive desktop](/images/cafeRunam/image-responsive-desktop.webp)
![shape footer left](/images/cafeRunam/shape-footer-left.webp)
![shape footer coffee](/images/cafeRunam/shape-footer-coffee.webp)
![shape footer right](/images/cafeRunam/shape-footer-right.webp)