Liliya Bederov

Project: HPE Aruba Networking

In my time at Aruba, the website arubanetworks.com grew into a global, lead-generating marketing engine supporting 17 languages. I have seen it through rebranding (twice), worked on 3rd-party integrations, optimized page performance, managed analytics tracking, created traffic reports and dashboards. I'm proud of my contribution to the website success, but it has been sunsetted in November 2024 and much of it is no longer online—please see some of my work below.

Website

I have developed many of the site's templates, themes, and components (written in PHP, interactions in JavaScript). Showing the 2024 rebranding.

View screens

Landing pages

Developed and maintained lead-generation forms that integrated with Eloqua and, later, Marketo and had enhanced client-side validation.

View screens

3rd party integrations

These are some of the tools that I've helped to implement on the website: analytics, marketing automation, SEO, consent management, chat, account-based marketing.

Arubanetworks.com website (2024)

Home page, solution and product pages. Notice the reusable components that comprise these templates: hero section, tiles, columns, accordions, customers, related products and resources.

Previous Next

Landing page examples

An example of a landing page with a lead-gen form integrated with Marketo. Client-side validation and re-captcha used.

This WordPress-based site for landing pages was used by publishers with limited technical background. I provided training for the publishers and supported adding new languages, custom fields, and other features.

Previous Next

Features

See some of the tools I've developed for the website.

Product wizard

A questioner designed to help customers find the best combination of products for their needs. Originally it was developed by an agency in jQuery, but I've heavily modified and updated it several times.

View screens

Product gallery

This widget showcased multiple product models and allowed to zoom in for details. Based on a Fancybox jQuery plugin.

View screens

Navigation menu

I customized the standard WordPress menu to support multiple levels and made responsive for mobile devices. I also converted jQuery code into vanilla Javascript to improve page load time.

View screens

Site search

This widget in the main nav supported auto-complete and served results from several repositories. I integrated the auto-complete plugin, added repository filters to the search page and managed repositories (Swiftype by Elasticsearch).

View screens

Feedback widget

I implemented this feedback widget for all pages (and its thumb up/down variation on select resources) utilizing a secure connection to Qualtrics service using OAuth protocol.

Product wizard

The wizard was written in PHP and jQuery, translated into 9 languages, and could also be embedded in partner websites.

Based on the selections, the results were presented grouped into 3 "buckets" (if a "bucket" contained more than one item, a corousel was used).

The lead-gen form was optional. It used standard validation and integrated with Marketo.

Previous Next

Product gallery

Previous Next

Main navigation

Two-level navigation on desktop. Current page indicated.

Navigation on a tablet screen.

Language navigation (organized and styled from the WordPress language management service).

Previous Next

Site search

Search icon in the top menu brings up a search box and auto-complete adds results as you type.

Search page allowed to narrow results by different sites (Community, blog, technical documentation) and included links to more resources.

Search page also included auto-complete.

Previous Next

Web, UI/UX design

Coming soon. See my old portfolio site.

Skills

I'm always learning and developing new skills—please see below what I've mastered so far (unless indicated, assume 5-25 years of hands-on experience).

• Technical:
  • HTML5
  • CSS / CSS3
  • Saas
  • Tailwind CSS
  • JavaScript / ES6+
  • jQuery
  • React (beginner)
  • Next.js (beginner)
  • Typescript (beginner)
  • PHP
• Content management (CMS):
  • WordPress
  • Drupal
  • Adobe Experience Manager (AEM) (beginner)
• Marketing:
  • Search Engine Optimization (SEO)
  • Google Search Console
  • Google Tag Manager (GTM)
  • Adobe Acrobat
• Reporting & Analytics:
  • Google Analytics (GA4)
  • Adobe Analytics
  • Google Looker Studio
• Design:
  • Visual design
  • UI/UX
  • Wireframing
  • Prototyping
  • Adobe Creative Suite (Photoshop, Illustrator, InDesign, Acrobat)
  • Graphic design (typography, attention to detail, design thinking, etc.)
• Soft skills:
  • Excellent communication skills
  • Organized
  • Avid learner
  • Mentor to junior developers