BeRanked Customer Dashboard

BeRanked is a team of marketing experts out of Irvine, CA. They focus on results driven search engine optimization solutions for businesses. My role was to improve their existing dashboard interface design and make it easy for their customers to track their improvements throughout the different SEO methods.

04_beranked

 

Requirements + User tasks

  • Create a login form design
  • Allow customers to see how they rank across the three major search engines
  • Make it easy for customers to see their leads, appointments, number of sales
  • Allow customers to see and manage their reviews across all directories
  • Customers should be able to manage their websites information (business hours, services, locations etc)
  • Allow customers to create a support ticket

Intranet: Inventory Application

I worked with the Marketing Director and Development Manager on an Inventory application for Bedrosians. There is currently an existing application, however, users are not happy with how difficult and time consuming it was to use. We needed to make it better. 

inventory

 

We started by going over project goals and functional requirements.

In order to make it better, we had to:

  • Make it easier to find products
  • Display product information in a easy to read format
  • Allow users to rapidly search for products, particularly by series name and item code
  • Display availability

Design

The design needed to reflect the API. This ensured that the design handled all edge cases.

  • Create ui styles and layout that fit with character limits, product sizes and data being pulled in from API. This is especially important because the information needs to be displayed in a way for users to easily find what they’re looking for.
  • Create a faceted navigation design allowing users to find common categories

I worked with a developer to test the application internally and iterate based on user feedback.

SportsBuddy – Iphone App

sb_test

Sportsbuddy is an app that connects people through sports. I designed the app for Sportsbuddy, working closely with the awesome team at FFWD labs creating wireframes, flows, full app ui/ux design, icon design and logo design.

The first step was to understand what problems we were trying to solve
- Finding people to play a sport that have a similar level to you is not an easy task.
- No easy way exists to easily find a match to play a sport. All matching services are targeted towards dating.
- Many quit or don’t start playing a sport simply because they don’t know who to play with or how to start.
- Organizing team events is a hassle via traditional ways. Email/SMS threads become endless and it is difficult to keep track of who is participating, cancelled, and the event details (When, Where,Time, etc).

The Solution: a platform where users can easily meet people to play a sport

Example Task Flow

Screen Shot 2014-12-09 at 11.09.12 PM

Wireframes

Screen Shot 2014-12-09 at 9.31.03 PM

The New Bedrosians.com

iphone6_bedrosians

Bedrosians is one of the largest independent porcelain tile and stone importers and distributors in the United States. As part of the Bedrosians creative team, I led the design for the first phase of our website redesign, creating wireframes, copywriting, user / task flows, clickable prototypes and created all of the visual ui design while working closely with the marketing director and engineers to turn the vision into reality.

The first thing I did was educate myself around the business

  1. Understand target audience and business goals
  2. Visit showrooms and slab yards to understand the buying process
  3. Interview people in the industry
  4. Research the competition
  5. Research about the types of products we carry

Our goals for the first phase of the project was to:

1. Modernize and re-establish the look of the brand

A little before joining the team, the company was in the process of redesigning all of their current marketing materials. My goal was to transition these efforts for all web based material. The marketing director had a vision to modernize the look of the brand in a way that no other flooring company had done so yet. Our website was approaching ten years old (at least that is what it looked like.) That’s like 150 in web years. We were in desperate need of a redesign, and everyone knew it.

catalog


2. Make it easier for our customers to find the products they’re looking for

We strictly focused on getting our online catalog up and running for the first phase of development. We have a print version of this catalog that architects, interior designers, dealers and contractors use to help find a product for their next project. The online catalog is a way for them to browse through our products faster and easier than ever before.

Example task model

Screen Shot 2014-12-07 at 4.42.26 AM

Product Pages

Having such amazing products to show off, my goal when it came to design of product pages was to minimize the UI – allowing our users to concentrate on the essential aspects.

productpage

Visit the Live Site

 

Bedrosians Live Slabs

When customers are looking to buy slabs, there is no way of knowing if a product is in stock at a slab yard unless they make an appointment and personally make a visit. I worked with the Marketing director, Business Solutions Manager, Development Manager and Head of Design to clarify project goals, go over functional requirements, define target users and understand the products vision.

I started by reaching out to a few of our slab yard managers in order to go over requirements and contraints. This allowed me to tackle the design appropriately.

We then started white boarding ideas of flows to support the necessary tasks

whiteboard-slabs

The next step was to organize these thoughts and flows into an information architecture document Screen Shot 2014-12-09 at 8.29.08 PM I created a clickable prototype based on what we had collected from the information architecture to test on actual users

By observing how our users complete the given task, I was able to identify pain points and understand what information was useful for them every step of the way.

Notes

Good design is as little design as possible. Less, but better – because it concentrates on the essential aspects, and the products are not burdened with non-essentials.

- Vitosoe

Trend – Iphone App [coming soon]

trend_overview

I created the full application design for Trend – an app that allows you to discover trending products. I came up with the branding and identity, wireframes, landing page, full application design and icon design. This project had a tight deadline of a month and a half. Glad I was able to pull it off.

Wireframes

trend_wires_FULLLanding Page

00_overview_landing

Razpo – A Sales Performance App

razpo

It’s always a great feeling when a product you helped bring to life launches. RAZPO is a client and goal manager for sales teams. I led the visual design for Razpo working closely with the guys over at FFWD LABS.

 

Initial Wireframes

razpo

Product Overview

razpooverview

 

App Icon

appicon