FishBud - A Visionary Place for All Fish Lovers

Enhanced the fishing website using custom CSS and JQuery to implement search jump features, streamline homepage and question page UI, and create a messaging-style AI chat interface.

Fishbud web development project image.
Website Link

www.fish-bud.com

Project source

Client Project

Project Type

Web Development

Date of Completion

2023/10/17-2023/10/23

Main Techs

Webflow, JQuery

About the Project

This is a collaboration with Livo Agency, where they tasked me with the following website modifications and enhancements:

  1. Implement a transition animation from the homepage to the Q&A page, including a fish-themed loading animation.
  2. Redesign and redevelop the Q&A page to resemble a chat interface, similar to ChatGPT, complete with loading animations during content retrieval.
  3. Add clickable buttons and search functionality to the search bar.
  4. Insert recommended questions below the homepage search bar, with click-to-search functionality.

Challenges

Inherited and refined the previous developer's code logic to ensure the smooth operation of existing features.

Screenshots

FishBud web development screenshot.FishBud web development screenshot.

Summary

A very pleasant collaboration, where the client could articulate their needs clearly. Despite the time zone differences, communication flowed seamlessly.

Other Projects

yooumuu Portfolio web development project image.
Personal Website - Design Showcase and Code Playground
Personal Project | Next.js & React & TypeScript

My personal website that showcases my design projects and code playground. The website is built using Next.js and TypeScript.

Xiaoxianhua web development project image.
Xiaoxianhua - A Place to Share Your Words
Personal Project | Next.js & MongoDB & TypeScript

Xiaoxianhua is a place to share your words. It is a social media platform that allows users to share their thoughts and ideas with others. Users can post their thoughts, ideas, and opinions on the platform.