Meeple 4 People Cafe
Date
September 2023
Role
Developer | Designer
Built with
HTML | CSS | JavaScript
Jquery | SlickSlider | AfterEffect | Photoshop
Co-Designers
Christine Lee | Nicola Lee | Julie Chan
Introduction
Meeple 4 People Cafe is an entertainment cafe with a board game theme located in
downtown Vancouver, B.C. The cafe offers a variety of board games for all players.
The main goal of this project for me was to build responsive websites from desktop
to mobile devices. The site has multiple pages implementing website functionality. Key
features include "responsive design," "Hamburger menu," "Slider," and "Reservation
form."
Website Purpose
The purpose of our website is to provide current and prospective customers with a user-friendly interface that makes it easy to find the information they are looking for. Some of the content they will be able to find from our site includes:
- Feature game | snacks
- Search facets | filters
- Reservations for events
- Contact Page | Location map
- Social Media sharing
- About us page on the company and its community
Website Features
# layout, font size, spacing, readability, User-centered design
# hamburger menu, JavaScript
# Javascript | Pop-up | Confirmation message
# Implementing pop-ups and different confirmation pages for reservations
Fill out ➡️ Confirm detail ➡️ Confirmation message
# Implementing Jquery and Slick Slider Carousel
# Enhances the user interface by effectively displaying content
1. Add slick slider in Javascript and edit responsiveness
2. Customize buttons using JavaScript
Conclusion
During the project, I collaborated with designers and content creators, gaining
invaluable experience that enhanced my skills as both a developer and a team player.
This collaborative effort not only helped me refine my communication skills but also
deepened my appreciation for teamwork.
Additionally, on the technical front, I had the opportunity to engage in a fulfilling experience by implementing diverse website functionalities. This included crafting responsive designs and incorporating JavaScript functions and jQuery libraries, further broadening my technical proficiency.