Ecommerce MobiHub Papaers

BICOL UNIVERSITY POLANGUI CAMPUS
Computer Studies Department

Polangui, Albay
Final Project in IS 301

E-Commerce and Mobile Computing
In Partial Fulfillment as a Requirement

int the Subject
Submitted by:
Brylouis Aurelio
Errold Daz
Angelo Llantino
Submitted to:
Mary Antoniette Ariño
December 20, 2023

Introduction:
MobiHub is an online electronic store with the goal of providing customers with a wide and just
selection of high-performance smartphones and cutting-edge gaming laptops at a friendly price, aiming
to redefine their technological experience. MobiHub ensures that the products on display are at peak
performance and quality, reassuring customers to meet their modern expectations. Our user-friendly
website aims to ease the shopping and browsing experience for users, offering detailed product
descriptions and high-resolution images to assist customers in their shopping decisions
What is E-Commerce?:
E-commerce, short for electronic commerce, is the digital marketplace where buying and selling
of goods and services take place over the Internet, with the wide-spread technology, this form of
commerce gained immense popularity. In these virtual sites, customers can explore and purchase
products or services through online transaction, often facilitated by websites or mobile applications.
The products we sell:
MobiHub takes pride in offering a diverse range of cutting-edge gadgets, providing quality and
top-tier products to elevate and satisfy our customers. Our mobile phone selections consist of a wide
range, each with impeccable performance. As technology progresses and the quality and specifications
of mobile devices soar higher, our online store ensures that the products it sells are at the highest level.
MobiHub also features a wide range of gaming laptops for gaming enthusiasts, each equipped with
powerful processors and dedicated graphics cards, redefining gaming experiences. Whether you're a
casual gamer or a competitive pro, MobiHub's gaming laptops provide the performance and aesthetics
you crave, with a variety of selections.
Immerse yourself in the world of MobiHub, where every product reflects a commitment to
quality, functionality, and modern aesthetics. Choose from our handpicked range of cellphones and
gaming laptops to stay at the forefront of technology, redefining the way you connect, capture, work,
and play.
Is the Website fictional or real:
MobiHub, our e-commerce website, though fictitious, was brought to life with the collaborative
and creative minds of our team: Brylouis Aurelio, Errold Daz, and Angelo Llantino. The user interface is
designed with accuracy, functionality, and consistency, all essential aspects of a website in order to
connect with its users. Additionally, the contact information, location, and email address disclose real
information, typical for an imaginary site. It's crucial to note that the products shown are used by other
websites, establishing that MobiHub is not a real website. The key goal of this project is for academic or
educational purposes only. Any information and elements displayed on MobiHub do not intend to
mislead, trick, or provide false information to its users.
The problems we encountered:
Creating our website, MobiHub on the Wix platform was initially challenging as we face different
difficulties in designing and coming up with the flow of the system itself. Also, the complexity of
integrating the various elements, especially considering that we are new to designing and creating a
system on Wix presented a hurdle.
The solution to the problem:
Due to the team’s sheer dedication and will, we seek to expand our knowledge and
understanding of the problem we were presented. We discussed among ourselves, dove into
brainstorming activities and seek guidance and information in educational website to further develop
our understanding and creativity. As we progress creating MobiHub, we as a team worked together
giving personal insights and suggestions, each taking turns in adding elements to our project website. As
the end of the process draws near, we managed to come to a conclusion that we had successfully
created a website that we three can be proud of.
Conclusion:
In conclusion, MobiHub represents the collaborative effort of our dedicated team, including
Brylouis Aurelio, Errold Daz, and Angelo Llantino, who brought this fictitious e-commerce website to life
on the Wix platform. Despite the initial challenges faced in designing and establishing the system's flow,
our team's unwavering dedication and determination led us to overcome obstacles and expand our
knowledge. As newcomers to Wix, integrating various elements posed complexity, yet through
collaborative discussions, brainstorming activities, and seeking guidance from educational resources, we
navigated the learning curve.
Throughout the creative process, each team member contributed personal insights and
suggestions, taking turns to enhance and refine elements on our project website. As we approach the
completion of the project, we take pride in the realization that we have successfully crafted a website
that reflects our commitment to quality, functionality, and modern aesthetics. MobiHub, while not a real
website, serves as a testament to our team's perseverance, creativity, and the ability to overcome
challenges in the pursuit of academic and educational goals. We look forward to further opportunities to
refine our skills and understanding in future projects.
MobiHub Screenshots with Description
• Landing Page (Home Page)
Initially, upon accessing our website, the first thing that will catch the users’ attention is obviously the
landing page. This webpage is dedicated to showcasing fantastic products that enhance and elevate your
phone experience. At the top section of the page, specifically in the header, you'll find several elements
including our logo, options to navigate to the home, shop, about, and contact there is a login button for
account access, and a shopping cart icon for your selected items.
• Footer
As you scroll down the page, you'll come across detailed information about the products featured on our
website. Reaching the bottom, known as the footer, you'll discover additional details about the website
itself. Here, you'll find a subscribe button inviting users to enter their email for updates, as well as
copyright information to protect intellectual property. Footer is present on every page throughout the
website.
• Login
When the user clicks on the login option, they will be prompted to log into their account. They have the
flexibility to choose from various options such as logging in through Google, Facebook, or using their
email credentials. This provides a convenient and secure way for users to access their accounts based on
their preferred authentication method.
When users click on the user icon, a menu will appear with several options. They can choose to expand
and view details related to their profile, orders, addresses, and account settings. Additionally, they have
the option to log out if needed. This menu provides easy access to various user-related functionalities,
ensuring a seamless and personalized experience.
On the profile page, users can personalize their space by choosing a profile image. Key information such
as the number of followers and those they are following is displayed, along with additional buttons for
various actions. The date the user joined or created their account is indicated, providing a timeline of
their engagement. Users have the option to further customize their profile by clicking on the "Edit
Profile" button, allowing them to make adjustments as needed.
Clicking the "Edit Profile" button will direct the user to a 'My Account' section where they can modify
their profile details, including personal information. Within this section, users have the option to either
update the information with the changes they've made or discard the modifications if they decide not to
proceed.
In the 'My Addresses' section within the profile options, users have the ability to add their address. This
feature allows users to conveniently input and store their address information for various purposes,
such as shipping or location-based services.
Within the 'My Orders' section in the profile options, users can easily view a comprehensive list of their
previous orders. This feature provides a convenient way for users to track and review their order history,
including details such as order dates, items purchased, and order status.
In the 'Notifications' section within the profile options, users can conveniently view a summary of their
notifications. This feature allows users to stay informed about updates, alerts, or any relevant
information related to their account or activities on the platform.
In the 'Settings' section within the profile options, users have the ability to customize their notification
preferences. This includes modifying settings for email notifications and other relevant notification
types.
• Shop Page
On this page, users will encounter a variety of products, each accompanied by a product name,
corresponding price, and an option to conveniently add the item to their cart with the "Add to Cart"
button.
Every product features a quick view option that appears when you hover the mouse cursor over it.
Clicking on the quick view will provide comprehensive details about the product, including the product
name, price, quantity adjustment, "Add to Cart," and "Buy Now" buttons. Additionally, you'll find a
detailed description, product information, as well as information on return and refund policies and
shipping details.
Clicking the add to cart button will appear on the right side and there contains the added products and
the subtotal of the price. Also, the number next to the shopping cart icon will increase each time the
user keeps adding items to their cart.
Upon clicking "View Cart," users will be directed to a dedicated checkout page where they can review
and finalize their selected products. On this page, users will see a detailed list of their chosen products,
including the product name, individual prices, and a comprehensive order summary. The total cost of
the selected items will be prominently displayed. Users can proceed to checkout by clicking the
designated button, ensuring a secure transaction process. Additionally, there is a provision for entering
promo codes for potential discounts, and users have the option to include any additional notes related
to their order.
• About Us Page
Basically, this page serves as an informational hub about our website. Initially, you'll find a
comprehensive description detailing the essence and purpose of the site. As you scroll down, you'll
encounter a section dedicated to showcasing the team behind the scenes. This features images of each
team member along with their names and respective positions, providing users with a glimpse of the
individuals who contribute to the website's success.
• Contact
On this page, you'll discover essential information about our store. This includes details such as the store
address, phone number, and email contact. We've also made it convenient for you to know our opening
hours. To further facilitate communication, there's a message form available for users.
As you scroll down, you'll come across a map showing exactly where our store is located.

Ecommerce MobiHub Papaers

Uploaded by

Copyright:

Available Formats

Ecommerce MobiHub Papaers

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Ecommerce MobiHub Papaers

Uploaded by

Copyright:

Available Formats

BICOL UNIVERSITY POLANGUI CAMPUS

Computer Studies Department

Final Project in IS 301

In Partial Fulfillment as a Requirement

December 20, 2023

• Landing Page (Home Page)

You might also like

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.