Skip to content

Seminar Website

Wednesday, 07 May 2025
       

Overview

Website for the Academic Cooperation Seminar Project on Green Library Network Development

Role/Responsibilities

Assigned to design a website for the Academic Cooperation Seminar Project on Green Library Network Development, serving as a communication and public relations channel for participants.

It must include comprehensive information and be responsive across various screen sizes. Features include:

  • Landing page
  • Responsive design for all screens

Problems/Challenges

The information to be presented must be in website format. Users need to easily understand the seminar concept. The design of the information flow must be appropriate, easy to understand, and concise. All essential information should be visible on a single page for user convenience.

Design Concept

The website design will focus on UI/UX to ensure ease of use and responsiveness across all screen sizes. Efficient and team-friendly programming languages and tools were selected to facilitate continuous development.

Technologies/Tools

  • Frontend: Vue.js (Quasar) - A popular, easy-to-use, and efficient framework.
  • Styling: Tailwind CSS - Used for designing the UI and responsiveness of the web application.
  • DevOps: Docker - Used for deploying the API component, and Kong API Gateway is used for reverse proxying the Frontend.

Features

  • Landing page
  • Responsive design for all screens

Outcome

After the website design and launch, the information on the website is easily understandable. Access is accurate and fast, and the website displays correctly on all screen sizes.

Images




Built with: VitePress.