💭

Reimagining a new web experience for an international B2B

timeline
june - august 2023
role
Freelance UX Designer
project type
website redesign, ux/ui, information architecture
Background
acco, ltd. wanted to increase potential client attraction, with a revamped landing page that provides an easy and streamlined channel to be reached at.

As an international supplier working with clothing brands, ACCO wanted to highlight their services as a world-class partner with the most innovative solutions in the industry.
Solution
The redesign creates a minimalistic, modern, and sophisticated look that captures the effectiveness and ease of ACCO's services.


The previous website design was noticeably outdated and not aligned with ACCO's new vision. I worked with ACCO to redesign a new landing page that newly established them as a technologically forward company to differentiate their presence in the market.
Process

Existing Audit / Information Architecture / Personas / Wireframes, Mockups / Final Redesign

Tools

Figma

Google Docs

Webflow

Google Jamboard

Intro

ACCO Ltd. has a previously existing website, but with management change, was looking for a new brand identity that represents their new vision. They have a portfolio of clients all over the world, and wanted a website that could appeal quickly and directly to prospective clientele across international markets. They thus imagined a website that would function as a live business card of sorts, giving clients a sneak preview and open up further conversations.

Client Kickoff

To understand where current information gaps exist and areas to improve functionality, I performed an audit on the existing website, as well as drew client feedback for issues they’ve ran into.


key takeaways:
* client wanted refresh in brand identity and move towards a modern, innovative image
*  existing site has information repeating in different pages, blurring the importance for some sections/pages

Existing site
Auditing the existing website
Using the existing website as a jumpstart, I performed a thorough audit to understand all of the elements and sections, and rated them on varying levels of functionality: working well, functional, needed improvements, or to be removed.
Information Architecture Map
Personas
Based on client feedback on insights they gained from existing clients and their experience in interacting with new clients, I formed personas to formulate key objectives.
Business / ACCO
ACCO Clients

For ACCO, they’d want to engage with new and potential clients to:

  • give a high-level overview about their services
  • open it to further discussions
  • leverage a visual aid when pitching/outreach to potential clients

For the company’s potential, as well as new, clients, they want to engage with ACCO by:

  • referencing ACCO’s existing offerings to see if it aligns with their needs
  • be able to contact ACCO quickly if they have any questions or inquiries
  • consider ACCO’s resourcefulness and industry experience

Info Architecture

Proposed Versions for New Architecture
New Architecture
Competitive Analysis

In researching other apparel wholesaler companies, the market does not offer a diverse array of various websites.

Overall, there was little UX in the market, with an excess of information, and was outdated.

To enhance the ease in navigating the new redesign,  I worked with the business partner to create a list of items to expect as they look for new suppliers.


ACCO’s new modern image would also be leveraged to set them apart and catch the potential clients’ eye.

Digital features across market/competitors:

+ Noticeable call-to-action to contact company at most touchpoints


+ Extensive catalog, or portfolio, showcasing different fabrics in production

+ General process steps for manufacturing outlined in visual structure

Organizing features

In considering the features beneficial for the redesign, I created a list of features from both the existing site as well as potential elements ideated from the competitive analysis and research along the way.

Comparing landing page layouts

Wireframes considering different styles for approach in landing page

To align with ACCO's interests, I created various proposed designs for the landing page hero section using wireframes above, to gain an understanding of what direction they preferred, as well as give a sense of how the layout could look.

Wireframing

Compiling all prioritized features together, I created wireframes to structure around the main goals:efficient use of whitespaceinfo shown clearly in quick glanceeasy access to contact

Style Guide

Working with the client, I delved into different ideas that could bring about a modern, clean, technologically innovative feel.

Localizing in ACCO
The client wanted colors that would also be palatable and understandable to different audiences around the world, as their clients are based in different countries, with main markets in America and China.


As their current logo has purple swatches, we decided to base the color scheme off of this to unify the brand image.
Brand Guide
To align with the new image, I also proposed a logo that matches the brand revamp.
Introducing, The All-New ACCO