contact

Feel free to drop me a line.

           

123 Street Avenue, City Town, 99999

(123) 555-6789

email@address.com

 

You can set your address, phone number, email and site description in the settings tab.
Link to read me page with more information.

UX + UI: Peerlyst

Usability Analysis & Redesign of Product Page

COMPANY DESCRIPTION

Peerlyst is a network of security professionals, including some of the top CISOs in the business. Their goal is to make their members’ jobs easier by giving them a place to find and compare security solutions—and learn from their peers’ real‐world experiences. Peerlyst is the place where security pros can instantly connect with each other, rate and learn about products, securely collaborate on projects, grow their expertise, and discover new career opportunities.

Users

Security and IT professionals and experts using enterprise technology products

project GoalS 

  • Redesign the Peerlyst product page to solve existing UX and UI challenges

  • Instigate more user-generated content

  • Emphasize the option to write a product review

  • Incorporate the option to upload and share files and video

deadline for deliverables

  • 5 hours — it was a design hackathon.
    It was my first hackathon and I won 1st place! In her recognition comments, the CEO/Founder Limor Elbaz said, "What you've designed is a gem. You clearly understand how to design in a clear and organized professional way. You had wonderful insights and did a terrific job in a very short amount of time."

Programs used

  • Wirify, Adobe Illustrator, Adobe Photoshop

Existing Product Page


content/task Analysis

I started by carefully inspecting all the elements of the existing product page to determine that information was crucial, what could be moved, combined or de-emphasized, and thinking about the best places to add new content.

Since instigating User-Generated Content was a key part of this project, I also walked through the steps of the existing process for writing and submitting a product review. It was a lengthy webform with three full collapsible screens of possible inputs. It seemed daunting, so I took note of how to simplify that process as part of my redesign as well.


Sketches

Next I created a simple list of all the possible user actions on a product page. Since the goal of this project was to highlight and catalyze very specific behavior (contributing User-Generated Content such as review/videos/files and reading and interacting with UGC), I started sketching ideas that would bring that action to the forefront.


Product page Redesign v.1


PRODUCT PAGE REDESIGN V.1

with Annotations

PRODUCT PAGE REDESIGN V.2


PRODUCT PAGE REDESIGN V.2

with Annotations


PRODUCT PAGE REDESIGN - Final Mockup

Results

As seen on the above mockups, I submitted two versions of proposed UI redesigns for Peerlyst’s product page. In each version, my designs accomplished several things:

  • Brought user-generated content to the forefront
  • Provided an easier on-ramp to writing and submitting a product review
  • Encouraged more interaction with the selected product’s company (ie. ask a question, request a quote, request a demo)
  • Instigated the uploading of files and videos
  • Connected the user to their community of peers through relevant positioning of avatars next to the prompt for file sharing
  • Utilized recirculation techniques to keep the user reading similar pages

I was very proud of the finished work, and honored to have won the Peerlyst Design Hackathon as a result of my efforts. 

"What you've designed is a gem. You clearly understand how to design in a clear and organized professional way. You had wonderful insights and did a terrific job in a very short amount of time." — Peerlyst CEO Limor Elbaz