Developing a Web
Application for Superior
Vending™ Company

En Uk

Team: UI/UX Design

Front-end

Back-end

Project manager

Country: USA

Development period: June 01, 2023 - August 31, 2023

MAIN PAGE

For the company Superior Vending™, we have developed a website based on the Laravel framework. On the website, clients can familiarize themselves with the list of vending machines and ATMs offered for sale. Additionally, the company organizes tournaments and leagues in darts and bowling. Players can use the calendar to find the relevant event and register for it. An online payment option is available for the tournaments. Administrators are provided with a convenient control panel that enables centralized processing of all orders!

Developing a Web Application for Superior Vending™ Company - Picture №5

Developing a Web Application for Superior Vending™ Company - Picture №6

Our

Story

Superior Vending has a long-standing history in the industry, spanning over three decades. With a humble beginning as a small vending company, we quickly evolved into an entertainment company that focuses on ATMs, gaming machines, dart and pool leagues.

We have a diversified portfolio of games, ranging from classic arcade games to pool tables, dart machines, and more. Our passion for gaming and dedication to providing quality customer service have led us to become the go-to vending company in Minnesota and Wisconsin.

Developing a Web Application for Superior Vending™ Company - Picture №7

Developing a Web Application for Superior Vending™ Company - Picture №8

USED TECHNOLOGIES:

Developing a Web Application for Superior Vending™ Company - Picture №9

Developing a Web Application for Superior Vending™ Company - Picture №10

Developing a Web Application for Superior Vending™ Company - Picture №11

Developing a Web Application for Superior Vending™ Company - Picture №12

Developing a Web Application for Superior Vending™ Company - Picture №13

Developing a Web Application for Superior Vending™ Company - Picture №14

Developing a Web Application for Superior Vending™ Company - Picture №15

STAGES OF

DEVELOPMENT:

Developing a Web Application for Superior Vending™ Company - Picture №16

Competitor analysis and business specifics study

Developing a Web Application for Superior Vending™ Company - Picture №17

Prototyping

Developing a Web Application for Superior Vending™ Company - Picture №18

Creating adaptive design

Developing a Web Application for Superior Vending™ Company - Picture №19

Development (front-end, back-end) and testing

Developing a Web Application for Superior Vending™ Company - Picture №20

Providing instructions for usage (online mode)

Prototypes of the future site

Thanks to the prototype, we have the opportunity to compare the client's expectations with our understanding of the project. At this stage, it is much easier to make changes than in the finalized layouts.

Developing a Web Application for Superior Vending™ Company - Picture №21

MAIN

PROJECT PAGES:

Developing a Web Application for Superior Vending™ Company - Picture №22

Testing

The procedure of testing each webpage of the site is an important component of successful project implementation and delivery.

Prior to the final product handover, our testing department thoroughly checks the website's functionality, as well as its proper display on various devices and web browsers.

Developing a Web Application for Superior Vending™ Company - Picture №23

Content

We strive to incorporate up-to-date content during the website creation process, rather than leaving it for the final stage.

This allows us to seamlessly integrate design with text and images!

Developing a Web Application for Superior Vending™ Company - Picture №24

API

Payment systems Square and PayPal are integrated, allowing website users to pay for tournament registrations.

Developing a Web Application for Superior Vending™ Company - Picture №25

Domain and hosting

Our approach encompasses not only website development but also comprehensive support for its online presence.

We provide a complete range of solutions, including working with server and domain, ensuring you can have confidence in the successful launch of your website.

Developing a Web Application for Superior Vending™ Company - Picture №26

Developing a Web Application for Superior Vending™ Company - Picture №27

Developing a Web Application for Superior Vending™ Company - Picture №28

Developing a Web Application for Superior Vending™ Company - Picture №29

ADAPTIVE FOR

MOBILE DEVICES AND TABLETS

Developing a Web Application for Superior Vending™ Company - Picture №30

Developing a Web Application for Superior Vending™ Company - Picture №31

Developing a Web Application for Superior Vending™ Company - Picture №32

WEBSITE

STRUCTURE

Home page

About us

Amusement
services

ATMs
Services

Tournaments

Leagues

Calendar
of Events

Contact

Checkout

Registration

Weekly
stats

Privacy
Policy

Terms of
Service

DESIGN

DETAILS

The design is built on a 12-column grid, with a desktop version size of 1920 px. Additionally, the layout has been adapted for sizes of 768 px and 320 px.

The design concept was built around the theme of the website itself. Specifically, for visualization, a symbol – a crosshair – was chosen, which serves as a gaming element, symbolizing hitting the target and struggle.

This symbol runs through the entire website concept, emphasizing its uniqueness among other projects with a similar theme.

The font, colors, and graphics adhere to the corporate style of the company and usability guidelines for user convenience.

Review