Position: UX Designer - Web Designer / Developer


As the UX Designer and Web designer, I worked closely with the VP and the infrastructure team to create detailed deliverables with attention to detail and best practices.

Responsibilities


  • User search
  • UX Design
  • Wireframing, Prototyping
  • UI Design + Interations
  • Usability Testing

Tools used.


Adobe XD, HTML, CSS

(Part 1) Objective


The Telecommunication company needed a website for residential and business customers to understand the services and benefits of fiber optic fast internet. With Phonoscope Fiber, customers are not just getting a service, they're joining a tradition of Fiber Optic Communication technology and customer-centric service.

The Process


(Part 2) UX Task Flow

(Part 3) Low Fidelity - Wireframe


I utilized Adobe XD as the foundation for the wireframe skeleton. I also integrated industry UX best practices to produce a unified and consistent design structure.

Visual Hierarchy


Having clear and organized UI and UX specifications is essential to ensure a smooth transition from design to implementation. This document aims to clearly outline and explain the user interfaces and specifications, which include page framework, actions, configurable values, and a blueprint of each element or component's function within Adobe XD’s functional aspect.

(Part 4) High Fidelity - Visual Design


The design elements for the platform utilized Webflow as the website's foundation. Each component can be defined and customized. As part of my responsibilities, these new pages were primarily focused on the search function, pages

(Part 5) Final Web Design


Through my work at Phonoscope Fiber, I have collaborated with several known elements, including Adobe XD, HTML, and CSS. Each with modifications and customizations, which was incorporated using the Webflow Platform files. This setup facilitated the ease of use and allowed the marketing team to add elements with ease.