Xtra Affordable Moves

A laptop is shown with the Xtra Affordable Moves website on its screen displaying a moving company. The site features an image of a family with moving boxes and text reading “Moving Has Never Been So Easy. Be Amazed.” The laptop appears to be floating against a dark background.

Overview

Redesign the Xtra Affordable Moves website and brand to bolster user engagement, optimize the user experience, and improve overall customer satisfaction, ultimately leading to an increase in bookings.

Problem Statement

The original website and logo were significantly outdated. Users experienced frustration due to complex navigation and unclear calls-to-action (CTAs) on the website. Additionally, the website's performance was suboptimal, requiring optimization for improved speed and efficiency.

My Responsibilities

  • User Research: Conducted user interviews, surveys, and usability testing to gather valuable insights into user requirements and issues.
  • Wireframing & Prototyping: Created wireframes and interactive prototypes to showcase the new design and validate its effectiveness.
  • Visual Design: Developed a contemporary, polished visual design that aligns with Xtra Affordable Moves brand guidelines.
  • Usability Testing: Carried out multiple rounds of usability testing to confirm design choices and integrate received feedback.
  • Accessibility: Ensured that the portal adheres to accessibility standards, ensuring usability for all users.

The Challenge

The primary challenge was designing a vibrant and impactful logo that effectively represents the brand's style while ensuring high legibility.

A significant obstacle arose due to the company's lengthy name, as fitting numerous letters into the logo risked compromising legibility from a distance.

Our second major challenge was revamping the outdated website and creating a new, refreshing design that aligns with the company's name and values, focusing on more bookings.

The Solution

The logo for Xtra Affordable Moves features a prominent blue letter "X" adorned with dashes, symbolizing speed. Following the development of the brand identity, the focus shifted to structuring the website, emphasizing the product, and aiming to facilitate move bookings.

The Approach

I aimed to develop a brand that exudes prominence and clarity, ensuring it stands out from competitors with its bold and easily legible design. During the initial phase of website development, wireframes were generated to assess and align overarching objectives, articulate content sections, and refine the website's layout, showcasing the product and streamlining the booking process.

The Creative Process

A collage featuring the flyer design for Xtra Affordable Moves delivery and courier services is displayed. The website includes images of delivery personnel, company information, services offered, and contact details. The color scheme is predominantly blue and white, with clean, modern graphics.

Flyer Design

The flyers were created using Adobe Photoshop, following a consistent and simple approach with an expanded range of colors, while maintaining the core "X" design.

A stack of business cards for "Xtra Affordable Moves" is displayed. Each card features the company logo with blue geometric designs, the name "Ismail Diene" as CEO & Owner, and contact details including a phone number, email, website, and location.

Business Cards

The business card has a bold and simple design, featuring the logo on the front and contact details with a prominent "X" design on the back to unify the overall concept.

Logo for "Xtra Affordable Moves." The design features a large blue 'X' with dynamic lines suggesting motion. The words "TRA" and "AFFORDABLE" are in bold black text, while "Moves" is in blue. The overall style is sleek and modern.

Logo Design

The letter "X" was boldened to symbolize strength and was fused with dynamic lines to evoke a sense of velocity and resilience. The color blue communicates trust & security.

Design Decisions

The design system features a consistent color palette of blue, white, and black. The logo's bold blue "X" symbolizes strength, safety, and reliability.

The highly legible Roboto typeface was chosen for the website, while Montserrat was selected for the logo to serve as the headline font.

That refreshes the overall aesthetic and establishes a unique atmosphere that resonates with the narrative of Xtra Affordable Moves.

The website's initial design was created in Figma and later finalized in Webflow, enabling efficient development and precise style control.

The Result

The ecstatic client has acquired an innovative multilingual website and brand identity that distinguishes them from their competitors. The website boasts many diverse features, including a payment portal, booking section, service section, dynamic landing pages, and more.

Final Product

A screenshot of the Xtra Affordable Moves website home page that features a header with a logo, navigation menu, and images of movers. The text highlights easy moving services, a free quote button, hassle-free moving experiences, and reasons to choose the company. Includes descriptions of local, long-distance, and packing services.A screenshot of the service section of the Xtra Affordable Moves website. The page titled "Moving Made Easy." The page includes a section detailing services such as Local Moving, Long-Distance Moving, Packing Services, Storage Solutions, Specialty Item Moving, and Moving Insurance Options. Customer reviews and contact information are placed in the footer. A screenshot of the Xtra Affordable Moves website. The page features sections such as "Expert Moving Tips and Advice," "Frequently Asked Questions," and "Customer Feedback." The header includes navigation links and a search bar. The footer contains contact details and social media links.A flyer for "Xtra Affordable Moves," an international moving company. It features a silhouette image of movers and a truck, details about their professional team, transparency, licensing, and contact information. Services offered include residential, storage, corporate, and international moving. Contact details and website are also listed.A delivery and courier service flyer for "Xtra Affordable Moves." It highlights services like moving boxes and packing and covers anywhere within cities, towns, and places. Features a smiling courier holding a package. The contact number is provided at the bottom of the flyer.A screenshot of the "About Us" page for a moving company named "Xtra Affordable Moves." The page highlights the company's experience, team members, and services. It includes headshots and descriptions of the team, a "We're hiring!" section, and a footer with contact details and navigation links.A screenshot of Xtra Affordable Moves website contact page. It includes sections for email, phone, and office contact details. There's a "Get in Touch" form with fields for name, email, phone, subject, description, and drop-down options. At the bottom, there's a "Get a Free Moving Quote" button.The front of a business card with the logo for "Xtra Affordable Moves." The design features a large blue 'X' with dynamic lines suggesting motion. The words "TRA" and "AFFORDABLE" are in bold black text, while "Moves" is in blue. The overall style is sleek and modern.The back of a business card for Ismail Diene, CEO & Owner. Contact info includes phone number (832-892-2860), website (www.xtraaffordablemoves.com), and location (Houston, TX). The card features blue geometric patterns on the right side representing an "X" icon.

// WORK