Project management

UX Design

Research

A Website Rebirth

From Frustration to Innovation:

A brand new website, literally

Venture into the world of rebranding and redesign through the rebuilding of a website for a company specializing in military unmanned aerial systems.

The project was done as part of my work at UXpert

Project management

UX Design

Research

A Website Rebirth

From Frustration to Innovation:

A brand new website, literally

Enter the realm of transformation as we unveil the journey of rebranding and redesigning a website for a company specializing in military unmanned aerial systems. We delved into customer needs, addressed issues, defined personas and requirements, and restructured content. Collaborating with external teams, we aimed to create a new digital experience in line with the company's new identity and values.

The project was done as part of my work at UXpert

THE TALE BEGINS

When Open came to us about revamping Aeronautics' website to align with their new branding, I stepped into a key role in a transformative project. I took the lead in UX, producing deliverables and presenting them to the client, collaborating closely with brand, UI design, 3D animation, and dev teams.

THE TALE BEGINS

When Open came to us about revamping Aeronautics' website to align with their new branding, I stepped into a key role in a transformative project. I took the lead in UX, producing deliverables and presenting them to the client, collaborating closely with brand, UI design, 3D animation, and dev teams.

The challenge

Transform a conventional and obsolete website into a distinct advantage in a competitive market, while ensuring it meets the needs of its visitors effectively.

The challenge

Transform a conventional and obsolete website into a distinct advantage in a competitive market, while ensuring it meets the needs of its visitors effectively.

The goals

The goals

1

Guide visitors through the digital maze

I focused on creating an intuitive information hierarchy, ensuring users easily find what they need for a smooth browsing experience.

1

Guide visitors through the digital maze

I focused on creating an intuitive information hierarchy, ensuring users easily find what they need for a smooth browsing experience.

2

Craft a credible online presence

Poor and outdated website organization could potentially damage the company's trustworthiness, leaving visitors with doubts about its professionalism and reliability.

2

Craft a credible online presence

Poor and outdated website organization could potentially damage the company's trustworthiness, leaving visitors with doubts about its professionalism and reliability.

3

Elevate above the competition

With credibility on the line, I set to design a website that reflects professionalism, trustworthiness, and reliability to visitors.

3

Elevate above the competition

With credibility on the line, I set to design a website that reflects professionalism, trustworthiness, and reliability to visitors.

Quest

The hypothesis

By creating an organized and user-friendly digital platform that aligns with the company's new identity and values, we anticipate improving user satisfaction, engagement, credibility, search engine rankings, and overall business performance.

Quest

The hypothesis

By creating an organized and user-friendly digital platform that aligns with the company's new identity and values, we anticipate improving user satisfaction, engagement, credibility, search engine rankings, and overall business performance.

Journey of discovery

Collaborating with brand teams and domain experts, I commenced on this adventure.

Journey of discovery

Collaborating with brand teams and domain experts, I commenced on this adventure.

Pic from branding workshop

Know your audience

Stakeholders meetings

Stakeholders meetings

Branding workshops

Branding workshops

Professional interviews

Professional interviews

Company tour

Company tour

Competitive benchmark

Competitive benchmark

Industry terminology

Industry terminology

Know your audience

Start from the basics:

Architecture hierarchy

I studied the existing site,audited it's content, and organized information. This journey led me to craft a structured architectural information map.

Start from the basics:

Architecture hierarchy

I studied the existing site,audited it's content, and organized information. This journey led me to craft a structured architectural information map.

Old site screens

Information tree - Old (left) vs. New (Right)

Information tree - Old (Top) vs. New (Bottom)

User prospective:

What do people want to do here?

The exploration done with Aeronautics product, marketing and sales teams revealed two fundamental assumptions:



  1. The target audience consisted of military and police personnel with well-defined terminology, at different levels.

  2. Visitors typically arrived at the website following specific encounters, such as conferences or meetings. They sought tailored information and experiences.

The exploration done with Aeronautics product, marketing and sales teams revealed two fundamental assumptions:



  1. The target audience consisted of military and police personnel with well-defined terminology, at different levels.

  2. Visitors typically arrived at the website following specific encounters, such as conferences or meetings. They sought tailored information and experiences.

After defining these aspects, I sought to understand the diverse needs of military personnel, to tailor the solution:

After defining these aspects, I sought to understand the diverse needs of military personnel, to tailor the solution:

The explorer (by environment)

Interested in exploring various solutions within the warfare environment or drone family.

The explorer (by environment)

Interested in exploring various solutions within the warfare environment or drone family.

The know-it-all (by page)

Arrived with a specific purpose, seeking precise information on systems, about the company, or a way to connect.

The know-it-all (by page)

Arrived with a specific purpose, seeking precise information on systems, about the company, or a way to connect.

The Potential Employee (career)

Primarily interested in learning about the company's nature and work-life.

The Potential Employee (career)

Primarily interested in learning about the company's nature and work-life.

The enchanted outcome

I extensively gathered requirements and conducted feasibility checks to ensure the ideas complied with regulations and could be developed.

After establishing the initial site flow, I dived into high-fidelity wireframes to grasp the app's functionality practically, emphasizing the user's journey.

The enchanted outcome

I extensively gathered requirements and conducted feasibility checks to ensure the ideas complied with regulations and could be developed.

After establishing the initial site flow, I dived into high-fidelity wireframes to grasp the app's functionality practically, emphasizing the user's journey.

The UX result

High fidelity prototype

A website that assists it's professional users in finding the right system for their needs. Users can navigate according to their responsibility domain, whether system or environment oriented, as well as conventional navigation.

A website that assists it's professional users in finding the right system for their needs. Users can navigate according to their responsibility domain, whether system or environment oriented, as well as conventional navigation.

Moreover, integrating graphical and animated elements during the high-fidelity UX phases aimed to craft an experience aligned with the brand's innovative values and distinctiveness, setting it apart from competitors.

Moreover, integrating graphical and animated elements during the high-fidelity UX phases aimed to craft an experience aligned with the brand's innovative values and distinctiveness, setting it apart from competitors.

Arriving at the site, users can either navigate through traditional pages or explore by system type.

Users can also explore systems tailored to specific environments: border, land, or sea.

Some mobile screens

The Design

Once approved, the UX delivarebals were transitioned to full GUI design and 3D animation.

The UI design phase was seamlessly entrusted to the expertise of OPEN.

The Design

Once approved, the UX delivarebals were transitioned to full GUI design and 3D animation.

The UI design phase was seamlessly entrusted to the expertise of OPEN.

Handoff annotations example

FInal designed screens

Happily ever after

Following the launch of the new website, Aeronautics began receiving overwhelmingly positive responses. Customers expressed great enthusiasm, marking the beginning of a promising chapter in this journey.

Happily ever after

Following the launch of the new website, Aeronautics began receiving overwhelmingly positive responses. Customers expressed great enthusiasm, marking the beginning of a promising chapter in this journey.

Let’s talk

mayag86@gmail.com