Work

About

Contact

Case Study

WebGram

2025

WebGram is a full-stack web application that combines UX/UI design with frontend and backend development to create a functional and responsive digital product.

UX/UI Design

Frontend & Backend Development

Web Application

Context

WebGram was developed as an academic project with the goal of creating a complete digital product from concept to implementation.

Challenge

The challenge was to design an intuitive interface while simultaneously building a scalable backend architecture capable of handling dynamic content and media uploads.

Design Approach

The project was designed in Figma and developed using Vue.js on the frontend and Node.js with Express on the backend. MongoDB was used for data storage, ensuring flexibility and scalability.

Stationery design of letterhead and business cards for the company Anders on top of a blurred photo of a house interior.

Outcome

WebGram demonstrates the ability to design and develop a complete web application, combining product thinking with technical execution.

Icons

Other Projects

CONTACT

mbeatrizcvasconcelos@hotmail.com

Case Study

WebGram

2025

WebGram is a full-stack web application that combines UX/UI design with frontend and backend development to create a functional and responsive digital product.

UX/UI Design

Frontend & Backend Development

Web Application

Context

WebGram was developed as an academic project with the goal of creating a complete digital product from concept to implementation.

Challenge

The challenge was to design an intuitive interface while simultaneously building a scalable backend architecture capable of handling dynamic content and media uploads.

Design Approach

The project was designed in Figma and developed using Vue.js on the frontend and Node.js with Express on the backend. MongoDB was used for data storage, ensuring flexibility and scalability.

Stationery design of letterhead and business cards for the company Anders on top of a blurred photo of a house interior.

Outcome

WebGram demonstrates the ability to design and develop a complete web application, combining product thinking with technical execution.

Icons

CONTACT

mbeatrizcvasconcelos@hotmail.com

Case Study

WebGram

2025

WebGram is a full-stack web application that combines UX/UI design with frontend and backend development to create a functional and responsive digital product.

UX/UI Design

Frontend & Backend Development

Web Application

Context

WebGram was developed as an academic project with the goal of creating a complete digital product from concept to implementation.

Challenge

The challenge was to design an intuitive interface while simultaneously building a scalable backend architecture capable of handling dynamic content and media uploads.

Design Approach

The project was designed in Figma and developed using Vue.js on the frontend and Node.js with Express on the backend. MongoDB was used for data storage, ensuring flexibility and scalability.

Stationery design of letterhead and business cards for the company Anders on top of a blurred photo of a house interior.

Outcome

WebGram demonstrates the ability to design and develop a complete web application, combining product thinking with technical execution.