G FORCE Moving Company Inc.

Moving company based in Toronto, ON, Canada, and providing logistic services all across Ontario.
experience it
Services provided
UX/UI Design, Branding, Motion Design
Industry
Logistic, moving
Project year
2021
Tools used
icon of Figmaicon of Adobe Illustratoricon of Adobe After Effectsicon of Adobe Photoshop

About project

01
Problem

The client sought my expertise to establish the brand and design a website with a custom CMS. The primary goal was to enable seamless management of moving locations by the business owner. Additionally, the website aimed to provide users with an efficient way to locate the nearest moving facility and swiftly book services through a user-friendly quote form. Balancing aesthetics with functionality was crucial for an engaging and straightforward user experience.

02
Approach

In delving into the intricacies of the challenge at hand, I conducted an exhaustive study encompassing market dynamics, client competitors, industry trends, and the nuances of the target audience. Engaging in extensive discussions about project feasibility with a seasoned full-stack developer, I initiated a collaborative brainstorming session. This collective effort, involving the client, an SEO specialist, and the full-stack developer, crystallized into a comprehensive strategy. The culmination of our efforts resulted in the delivery of a cutting-edge digital product, strategically positioned to thrive in the competitive Canadian market.

10
+
new moving offices
90
%
happy clients
84
%
revenue growth
business owner avatar for feedback section
Viktor Gr
Business owner

Designer Maria Ryzhenko is a true talent. I collaborated with Maria on a my moving company project from the very beginning, and I couldn't be happier with the results. Mariia's creativity, attention to detail, and ability to bring my vision to life were outstanding. Communication was smooth, and deadlines were met with precision. Whether it's product design, web design, or any user interaction design, Mariia is a go-to professional. I look forward to future collaborations.

challenge
solution
challenge
solution
challenge
solution
challenge
solution
challenge
solution
challenge
Challenge
01

To establish a memorable brand in the competitive Canadian logistics market, crafting a unique identity demanded strategic design thinking and creative solutions.

Solution

G FORCE Moving Company Branding. Empowered the brand with a solid, strong, and trustworthy identity, setting it apart in the Canadian market. The distinctive design communicates professionalism and reliability, making G FORCE stand out amidst competitors.

02

Empower the business owner, the challenge was to design a custom Content Management System (CMS) for seamless control over visual and written content, enhancing overall website management.

Tailored Content Management. Engineered a bespoke CMS with flexible content management capabilities. Leveraging custom code, the system allows seamless addition and removal of pages, empowering the business owner to effortlessly manipulate page content through predefined layouts.

03

Captivate users and guide them effortlessly through the conversion journey.​​ Encourage them to complete a free quote form and book a moving service with the company.

Proximity Locator and Streamlined Quote Form. Implemented a user-centric approach by designing a location search feature on the website, facilitating users in finding the nearest G FORCE Moving Company. Reduced user effort by optimizing the free quote form, ensuring a swift and hassle-free experience, thereby increasing user completion rates and encouraging service bookings.

homepage hero section desktop version website presentationhomepage hero section mobile version website presentationUX design product development roadmap
UX Research Process
01
Market research
02
Existing product & competitor analysis
03
User testing
time icon
37
h
research
ux design wireframes icon
26
user flows
01
Final user flow

Understanding the user's needs through extensive quantitative analysis and Google Maps Reviews data, the user flow prioritizes simplicity and efficiency. Key features such as service details, pricing, service area, and company ratings are prominently presented for a straightforward and informed decision-making process, enhancing the overall user experience.

Uncovering valuable insights, it was discovered that user engagement significantly dropped with more than 7 questions in the free quote section. Leveraging this information, I strategically crafted a final website map and user flow, optimizing the experience to ensure a higher completion rate for the free quote process.

website user flow and information architecture
01
Market research

The market research included a user research that helped to understand the users and their needs. The industry trends of the logistic services in Ontario were explored too. Based on the primary research I came up with 5 most important question. It helped me to structure my work flow and organize the data collection. Answering these questions was the key for launching a successful and competitive product. 

ideation process research questions user experience design
02
Existing products & competitor analysis

Conducting a thorough competitor analysis, both direct and indirect, was pivotal in gaining insights into market trends, user needs, and goals. This approach extended to identifying potential pain points and user expectations. Integrating a SWOT analysis was crucial, forming the foundation for modeling the moving company's brand and website structure. This strategic framework aims not only to meet but exceed client expectations, positioning the brand competitively in the dynamic landscape of user experiences.

Company NameTwo Men and a TruckHercules MovingGetMoversBudget Canada Truck RentalAccess Storage
Logo
Screenshots
Company Analysis
Mission statementContinuously strive to exceed our customers' expectations in value and high standard of satisfactionTo be the best, most customer-focused, and successful moving company. To adhere to all of the state and national requirements of a licensed moving company.Our main goal is to make your moving experience as easy one. GetMovers is a proudly Canadian moving company.Our goal is to ensure that decisions are equitable, implemented properly and consistently, achieving their desired ends.Our mission is to provide our communities with trusted storage solutions by delivering a memorable client experience and quality product.
Target audienceAge: 25-80 years‍Gender: All‍Location: Canada, USA, Ireland, United KingdomAge: 25-80 years
‍‍Gender: All‍
‍Location: Canada, USA
Age: 20 - 65 years‍
‍Gender: All‍
‍Location: Canada, USA
Age: 21-65 years‍
‍Gender: All‍
‍Location: Canada, USA
Age: 21-80 years‍
‍Gender: All‍
‍Location: Canada
StrengthsFamous brand in North America‍
‍Location-based content‍
‍Accessible and useful‍
‍Fully interactive
‍‍Original content
‍‍Adoptive website
Well-known brand in Canada‍
‍Original design & illustrations‍
‍Responsive and adoptive website‍
‍Multi-location webpage strategy‍
Original company mascot‍
‍Simple one-page website‍
‍Repetitive and accessible quotes‍
‍Real photos and videos demonstrating real workers and their work
Huge corporation with a perfect reputation‍
‍Multiple physical locations across North America‍
‍A simple user flow and the quote form
It is a giant industry with a famous brand in North America‍
‍Easy and accessible UX
WeaknessesNo pricing standardization‍
‍Only positive review on the website‍
‍No estimate options on the website provided
Overcrowded with visuals website‍
‍Too long quote form‍
‍No prices
No services and location information‍
‍Footer isn’t clickable ‍
‍Too many main colors
Outdated ads on the website‍
‍Too complex booking quote ‍Outdated images on the website
Complicated website navigation ‍UI lacks accessibility - elements that should be clickable are not functioning as expected
OpportunitiesOnline service estimations for the better moving experience‍
‍Real time feedbacks - positive and negative to show the real customer experience ‍Include the estimated price list for the moving services
Limit the color palette ‍
‍Work on the micro interaction‍
‍Simplify the quote - limit it to one page‍include the prices for the services
Improve interaction - make all the elements that should be interactive clickable‍
‍Provide clients with the info about the moving services and the location of the services
Update the design to make it more up-to-date‍
‍Simplify the booking process by minimizing the steps‍
‍Reimagine the user flow
Make interactive all UI elements that have to be interactive
ThreatsIncome reduction: due to the competitive prices of the smaller companies, the clients may choose a smaller moving companyPotential client loss: because of the extensive quote form, users may give up on filling it out and leave the websiteClient loss and the lack of trust: because of the lack of info on the website, users might choose another moving that has that information.Competitive Threats: the competitors with a modern design and easier booking for m will probably win the clientUser Inactivity: users might leave the website if they can’t interact with UI elements that are supposed to be interactive
Interface analysis
Easy user flow and navigation
yes icon
yes icon
yes icon
yes icon
no icon
Well-structured content layout and hierarchy
yes icon
yes icon
no icon
yes icon
no icon
Responsive design
yes icon
yes icon
no icon
yes icon
yes icon
Easy quote and data input
yes icon
no icon
yes icon
no icon
yes icon
Modern UI Design
yes icon
yes icon
no icon
no icon
yes icon
Microinteractions
yes icon
no icon
no icon
yes icon
no icon
03
User testing

The creation of low-fidelity wireframes and prototypes for the moving website stemmed from a comprehensive analysis of the interfaces and SWOT of both direct and indirect competitors in the Ontario logistics market. The potential prototype underwent rigorous testing, employing heat maps to scrutinize user behavior across desktop, tablet, and mobile versions. The data garnered from these user tests underwent meticulous analysis, guiding the implementation of refinements to the final design, ensuring an optimized user experience.

heat map ux research desktop and mobile website
UI Research Process
01
Moodboards
02
Branding
03
Low-fidelity wireframes
01
Moodboards

In the pursuit of the optimal design solution for the user interface and brand identity, I curated mood boards encompassing color schemes, typography, style, and texture. Through iterative discussions with the client, we converged on a brand identity that conveys strength and reliability. The finalized brand exudes a bold and robust aesthetic, fostering trust and professionalism. The goal was to instill confidence in the audience, ensuring that the visual elements reflect a company that is dependable, with movers who are robust and professional, creating a lasting impression of reliability.

02
Branding

Every element within the logo is meticulously crafted to communicate the reliability of the company. The letter G in "G FORCE Moving Company" is strategically modified and stylized to evoke the image of a house, symbolizing the core service of the company: moving individuals from their old residence to a new one. This intentional design choice aims to visually articulate the primary focus of the company's services, offering a clear and memorable representation aligned with the user's understanding and expectations.

logo design branding brand identity
colors brand identity branding
Colors

The selection of orange and black as the primary brand colors, integrated into both the logo, brand elements, and the website, was a strategic decision. The inspiration for this color scheme came from the frequent use of orange in roadworks and the color of roads. This choice aims to convey the message that G FORCE Moving Company is always on the move, consistently transporting people from one place to another. Through these colors, we sought to visually express the dynamic and active nature of our moving services.

Typography

The Exo font was deliberately chosen for its clean, modern, and bold characteristics, aligning seamlessly with the brand identity of G FORCE Moving Company. Its geometric shapes and sharp edges convey a sense of strength and reliability, reflecting the robust and professional nature of the company. The font's simplicity ensures clarity in communication, crucial for a moving company providing essential services. Additionally, the Exo font maintains readability across various platforms, contributing to a consistent and impactful brand presence both online and offline.

typography font brand identity branding
03
Low-fidelity wireframes

Following extensive user testing, stakeholder meetings, and in-depth UX/UI research, the ultimate iteration of low-fidelity wireframes was crafted for desktop, tablet, and mobile interfaces. The conclusive A/B testing, qualitative research, and collaboration with developers provided valuable insights. This iterative process culminated in the creation of mockups, ensuring the final website design not only aligns with user expectations but is also technically feasible for implementation.

low fidelity wireframes of the website interface desktop and mobile version
Product Showcase
01
Homepage
02
Services page
03
Moving locations search page
04
Location page
05
Contact page
Homepage

The Homepage has a hero section with a strategic CTA button that encourages users to fill out the moving quote, seamlessly integrated into the navigation bar for constant accessibility. The homepage's structured flow aligns with user priorities, guiding them through essential questions. A clear list of services is presented, ensuring users quickly understand the company's offerings. This design aims for optimal user engagement in a concise manner.

Services page

The service page strategically prompts users to complete the free quote form, fostering engagement and possible client conversion. Detailed service descriptions, complemented by a sidebar listing additional moving services, occupy the main section. Each page concludes with a user-friendly FAQ section for enhanced customer support.

Moving locations search page

The location page aids users in quickly discovering G FORCE Moving Company branches by entering their addresses. An interactive map displays pins representing available moving locations and service areas, enhancing the user experience in locating the nearest facility.

Location page

The location page mirrors the service page structure, featuring a hero section, a CTA button, and a detailed location description. A sidebar highlights the top five nearby moving locations, while user feedback, sourced from Google Maps reviews, adds authentic insights into previous client experiences.

Contact page

The contact page prioritizes user convenience, featuring a map for finding the moving location and authentic feedback for trust-building. It provides main contact details and a concise quote form, encouraging users to share contact information for follow-up communication.

thank you 🧡
for watching

FEATURED PROJECTS