Waypoint

Website
UX/UI Design & Illustrations

Role & duration

Team: Project Manager UX/UI Designer Web Developer Copywriter

UX/UI Designer 215 Marketing Agency, Apr 2021- Jul 2021

Overview

Analytic Data B2B company needed to provide a new, fresh look for their website with an easy-to-use structure.

The UX goal was to separate all the company’s products & offers and make it easy for potential clients to discover different product details.

The main UI goal was to make the design light and with analytic/data graphic elements all over the design to reflect the company's business.

My Role

As a UX/UI Designer, I was involved in the whole design creation process alongside the project manager. All content was written during the prototype stage by the copywriter.

I created user experience, developed a new style and look for a website, and created custom illustrations and graphics to highlight the overall website feel.

Applied skills:

  • User Experience Design

  • User Interface Design

  • Visual Design

  • Web Design

  • Web Components Design

  • UI Graphics

  • Lo-Fi Wireframes

  • Hi-Fi Wireframes

  • Prototyping

  • Design Thinking

  • B2B Marketing

  • Site Map

Site Map

To fully understand the structure of the future website and to make it as efficient as possible, we created a sitemap with all the future pages and interactions between them.

Prototypes

As a next step before going to the UI design, were created prototypes for all core pages. This gave the ability to work closely on the structure of each page and also to create content to fulfill users’ needs and make sure we bring the valuse to users.

Icons & Illustrations

For the website design I created over 60 unique icons and over 40 unique data-themed illustrations for the heroes of every page.

Custom Graphic Elements

Components Library

All component used for design purposes I thoroughly organized into the components library for further convenience of the development team

Home Page Design & Overall Website’s Style

Desktop High-fidelity wireframes

Over 40 different page layouts were created to showcase all the page and variety of elements.

Mobile High-fidelity wireframes