Frontend Engineer

Bearspaw Farmers Market | Lions Club Campaign site

- View the website -

Responsive: Yes

Check My Code: GitHub

Zoe Lin- Frontend Developer

Ting-Huei Chen - Frontend Developer

Tina Wang - Backend Developer

Juliette Wilson - UI/UX Designer

Nica Bautista - Graphic Designer

Bearspaw Farmers Market showcase

- Brief -

We have successfully designed and completed a new website for the Bearspaw Farmers Market, a non-profit organization that raises funds for local charities and small businesses. The website features an interactive map, a comprehensive vendor directory, and an event calendar to provide visitors with a user-friendly and informative platform. The team also customized a CMS to allow for easy website updates by the client. The project includes a branding design and a responsive layout suitable for all devices. This project aims to support local agriculture, promote small businesses, and build a stronger community.

- Why -

This project aims to support local agriculture, promote small businesses, and build a stronger community. By creating a website that showcases the Bearspaw Farmers Market and the work of the Bearspaw Lions Club, this project can contribute to the development of the local area.

- How -

The team designed the website from scratch, including creating a flowchart, low-fidelity wireframes, graphics, and high-fidelity mockups. The website features an interactive map that displays vendor locations, profiles, and products, as well as an event calendar and vendor directory. The team also developed a hybrid logo that incorporates the original Lions Club logo and a set of brand standards for the new site. The website was built using a responsive design suitable for all devices, and the project includes source code, documentation, and a user manual for updating and maintaining the website.

  • PHP - The primary back-end development language
  • JavaScript - Main development language for front-end animation
  • CSS - Front-end page design and animation development programming language
  • Illustrator - Main design authoring tool
  • Figma - Design authoring tool
  • Visual Studio Code - Used as the primary development tool.
  • GitHub - Version control and collaboration tools