Alsvior Global Website Redesign & Rebranded

Committed to excellence.

BeforeAfter

Context:

In 2023, at the back of some strategic developments, Alsvior Global identified the need to revamp its online presence. The opportunity presented to also make some refinements to its colour scheme to reflect a new approach. More sober, elegant and tech-driven.

The 6 key services Alsvior Global provides needed to be clear and engaging for any executives visiting their homepage. Nonetheless, it needed to appeal to professionals, experts and possible hires as well.

We applied a series of user-centric research techniques, followed by a meticulous Information architecture stage to define hierarchies and user journeys.

On a last stage, the User Interface followed the process of prototyping, testing, re-iterations until deployment.

Company Background.

Multinational consultancy firm, +20 people across 4 countries, working hybrid
Company is driven by the ‘Triple Return’ principle of:
Revenue

Reputation

Excellence

The process.

#1
Heuristic Analysis
Heuristic analysis is a cost-effective and relatively quick method for evaluating usability. These evaluation methods were applied to analyse the previous website, although these tests can be performed at any stage of the product design.
#2
Research
UX research is an iterative process. It’s essential to continuously gather user feedback and refine your product based on the insights you gain. Regularly reassess your research goals and adapt your methods as needed to ensure a user-centered approach. Tasks performed:

Competitive Analysis
Card Sorting
Personas
Project Goals
User Interviews

#2
#3
Information Architecture
By designing a thoughtful information architecture, you can make it easier for users to navigate and find the information they need, enhancing their overall experience for the user. Tasks performed:

Features Roadmap
User Interviews
Sitemap
#4
Interaction Design
By focusing on interaction design, you can create digital experiences that are enjoyable, intuitive, and effective for users of your small company’s website, app, or product. Tasks performed:

Task Flows
User Flows
Wireframes

#4
#5
User Interface
UI design plays a critical role in creating an appealing and user-friendly experience.
#6
Development
The development was performed using a mix of content management platforms and HTML/CSS.

#6

Research.

Timeline.

Timelines provide a visual representation of events, processes, or historical data. They help users grasp the chronology of events and understand the relationships between them more easily than through text or tables.

Personas.

Personas help shift the focus of design and development processes towards the needs and goals of users. By creating fictional but representative characters, personas embody the characteristics, preferences, and behaviors of real users. Design decisions can then be made based on user-centric perspectives.

David.

50 years old, highly experienced in business management and decision-making.

“Time is money and I don’t want to waste either.”

Key Points:
- Goals
- Pains
- Needs
- Motivations

Maria Rodriguez

30 years old, 8+ years of experience in software development.

“I’m always looking for new challenges to take my skills to the next level.”

Key Points:
- Goals
- Pains
- Needs
- Motivations

User Interviews.

User interviews allow you to delve deeper into users’ needs, motivations, and pain points. By directly engaging with users, you can gather rich qualitative data that provides a deeper understanding of their preferences, challenges, and expectations.

Key Questions:
- Background Questions
- Goals and Tasks
- Pain Points and Frustrations
- Feedback and Suggestions
- Usage and Context
- Competitors and Alternatives

Information Architecture.

Information architecture helps organise and structure information in a way that is logical and intuitive for users. It involves categorising and grouping content, defining navigation systems, and creating hierarchical relationships. A well-designed IA enhances findability and ensures users can locate information quickly and easily.

Interaction Design.

Interface design aims to create visually pleasing and engaging interfaces that attract and engage users. By incorporating aesthetics, colour schemes, typography, and visual elements, designers enhance the overall user experience and create a positive impression.

Property 1=Variant2, Property 2=power apps

Icons.

Development.

Front-end development refers to the process of creating and implementing the user interface (UI) and user experience (UX) of a website or application.

HTML.

HTML is the fundamental markup language used to structure the content of web pages. It defines the elements and layout of the user interface, such as headings, paragraphs, lists, images, forms, and more.

CSS.

CSS is a style sheet language used to define the presentation and visual appearance of HTML elements. It controls aspects like colors, fonts, spacing, layout, and responsiveness, enabling designers to create visually appealing and consistent user interfaces.

JavaScript.

JavaScript is a programming language that enables dynamic and interactive elements in a web page. It is used to add functionality and behavior to the user interface, such as interactive forms, animations, event handling, and data manipulation.