
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

