SmileVege Grocery Store Animation Website

This is an animation website about grocery store. This project is for Multimedia subject(COMP7084). Finished in December 2019. Created using Adobe Animate.

Description

Description of how to use the application from SmileVege:

1. Open the file from SmileVege Grocery Store.fla(if you open using Adobe Animate, then press CTRL + ENTER, wait a moment because the application is loading).
   
   

2. When the application appears, the SmileVege application will first display the Home section where there are several animations that will be run first.
   
   

3. In this Home section, there are several buttons that can be clicked, namely:
   a. Audio
   In this Audio section, users can listen to a song called Sky Sky Sky from Depapepe. The user must first click on the Play icon for the song to run. In this Audio there are several buttons, namely:

• Play (to play songs)
  
• Stop (to stop playing a song)
  
• Pause (to pause the song)
  
• Resume (to continue playing songs)
  
• Home (to return to the Home section)

b. Profile
In this section is the Profile of SmileVege, when clicking on the Profile button in the Home section, the user will be displayed animations first and then information about SmileVege is displayed along with the location and contact number of SmileVege. There is a Home button to return to the Home SmileVege section.

c. The video
In this section, when the user clicks the Video button. Users will be faced with a Promotional Video to promote SmileVege Grocery Store. The duration of this Promotional Video is 3 minutes 53 seconds. The source of the video will be informed in the Reference Link section of this documentation.

d. List Items
In this section is a list of items that can be seen by users. When clicking on this List Items, there will be an animation first, then the user can access information from the item list in SmileVege. There will be a Carousel that users can click on the Next and Previous buttons. Each page of this List Items has 2 sections that are displayed and there are a total of 3 pages with a total of 6 items displayed. Here are some features that users can access, namely:

• Item pictures
  The user can click the picture of the item, then the picture will be zoomed in so that the user can more clearly see the picture.
  
• Details button
  Under the Item image, there is a Details button that exposes the user to the item's description and price information section. If the user wants to buy the item, then the user can click the Buy Now button which will then be directed to the website https://www.happyfresh.id/. After that there is a Back button to return to the List Item section of the Item object.
  
• Home button
  Home button to return to the Home section.
  
  

4. That's how you use the SmileVege Grocery Store app.
   

Project's Image Overview

Technologies

• Adobe Animate