Hi, I’m Luba

UX / UI Designer and Front-End Web Developer based in Los Angeles, CA.

See my work
Get in touch

Work

ShrubHub

A complex platform connecting customers, designers, contractors, and nurseries nationwide.

Case study

Global Naturals

A product-on-demand e-commerce platform for contract manufacturing health and beauty products.

Case study

Camera Literacy

An interactive and comprehensive online photography course for aspiring photographers.

Case study

Glammified

A peer-to-peer eyelash extensions platform that connects clients and eyelash technicians.

Case study

Rapid

Rapid is a call-center business that offers a wide array of customer support services. I’ve worked on multiple projects for this company as a front-end web developer.

InstaDoc

InstaDoc is a telemedicine platform that connects patients and healthcare providers. I've built the front end of the patient dashboard.

Ethereal Maker

Ethereal Maker is an online fashion store. I've worked on branding and style guides for this company as well as designed and built an e-commerce store.

Pinnacle

Pinnacle Law Group is a debt collection services platform. I’ve completed a variety of projects for this company from design to building the front end.

McHudson Farms

McHudson Farms is a CBD oil supplement company. I worked on numerous projects for them from branding, logo, and package design to building the online store.

STJ Enterprise

STJ Enterprise is a multi-brand fashion apparel company I’ve completed a variety of projects for this company including building multiple e-commerce stores.

About Me

I’m a UX/UI Designer & Front-End Web Developer with over six years of experience. I use a customer-centric approach to design and build complex web applications tailored to your business goals.

When I’m not bringing clean user-friendly websites and apps to life, I'm out there exploring, surfing, and making art.

Get in touch

My Design Process:

  • 1. Emphasize

    I make it a point to deeply understand our users' experiences. What are their pains? What do they want? What are their genuine needs? This approach helps me pinpoint user pain points and the challenges I need to address.

  • 2. Ideate

    I brainstorm various ideas both inside and outside of the box. I analyze how if ever, others have approached similar challenges before. What worked and didn’t work for them and how can I solve the problem better?

  • 3. Prototype

    I then start to quickly bring the best solutions to life. I try to “fail fast” in order to identify potential challenges and fix them right away until I have created a presentable iteration. This is my favorite step of the process.

  • 4. Test

    Testing feeds all stages of my design process. Seeing users interact with the prototype helps me empathize with them better, identify overlooked pain points and solutions, and evaluate the usability of the prototype.

Let's talk

I'm looking forward to starting a project with you!

Email: lubasalp@gmail.com

Phone: 323.304.0922

Based in Los Angeles, CA

Go back
Go back

ShrubHub

Shrubhub is a complex platform connecting customers, designers, contractors, and nurseries nationwide.

Role: UX / UI Designer, Front-End Developer

a grid of 6 smartphones demonstrating different pages of Shrubhub website

Goal

Create an online landscape design platform that makes it easy to get the backyard renovated from design to purchasing and installing everything, all straight from your device.

A smiling 65 year old woman with short hair sitting on the couch of a cozy living room with a laptop on her lap.

User Persona

Name: Sharon

Age: 65

Occupation: Retired

Location: San Gabriel Valley, CA

Sharon is a long-time homeowner but hasn’t been using her backyard and neglected it. She has recently become a grandmother, and her grandkid's visits bring her lots of joy. Kids love playing outside so Sharon now wants to renovate her backyard to accommodate family gatherings.

  • Wants:

    Sharon wants a nice place to spend time with her grandkids and create memories they will cherish for life.

  • Pain Point:

    Traditional backyard renovation is a big project. Sharon is overwhelmed and doesn’t know where to start.

  • Needs:

    An easy way to start the renovation which will allow her to approach it one step at a time.

The challenge

Landscape renovation is a complicated process. There’s a lot of moving parts, and the platform should to be easy-to-use for the least tech-savvy users and streamline communication between the customers, landscape designers, and contractors.

Solution

Break the process down into clear, simple steps. Automate as many steps of the process as possible and provide support in the form of video tutorials and an internal messenger and phone consultation system.

Checkout

landing page of Shrubhub website

Sharon selects whether she wants to upgrade her front yard, backyard, or both. Once payment is submitted, we offer to add unlimited revisions upsell. Once checked out, Sharon’s account is created.

Customer User Flow : Checkout

Checkout User Flow

Customer Dashboard

In order to provide Sharon with a wonderful design project, we will need some data from her, such as photos, videos, and measurements of her backyard. Sharon wants a design that fits her needs and taste - we will determine those with a questionnaire where she can select the styles she likes and what features are important to her.

Customer User Flow : Start Project

Checkout User Flow

Designer Dashboard

The designer portal provides designers with an organized workspace, where they can overview the process of each project. Designers receive everything provided by the customer along with extra data fetched from outside sources such as Google Images. The designer fills out the rest of the fields during or after the phone consultation with the customer. Once ready, the designer uploads assets, selects the products used in the design, and submits the deliverable.

Designer User Flow

Checkout User Flow

Customer Dashboard - Deliverable

Once the project is finished, Sharon receives a dynamic deliverable that includes 3D renders of her backyard, plant legend, and a shopping list. The shopping list includes all the plants and furniture used in the project. She can then easily purchase items with one click. She also receives quotes from local installation, fencing, and gardening contractors. If not satisfied with the result, she can request a revision.

Customer User Flow : Project Revisions

Checkout User Flow
Go back

Global Naturals

Global Naturals provides product-on-demand manufacturing services for entrepreneurs who want to sell health and beauty products under their brand.

Role: UX / UI Designer, Front-End Developer

a grid of 6 smartphones demonstrating different pages of Global Naturals website

Goal

Create a platform that connects entrepreneurs to the product-on-demand service provider and allows them to create and sell their unique health and beauty products.

A young attractive young professional woman talking on the phone with laptop on the table next to her.

User Persona

Name: Kyle

Age: 34

Occupation: Fitness Blogger

Location: Santa Monica, CA

Kyle has a popular YouTube channel where he shares workout tips. He is looking to diversify his income streams by introducing his own health supplements brand. Kyle chooses to use a product-on-demand service to outsource the production so that he can focus on sales.

  • Wants:

    Kyle wants his own product under the brand name KyteFit which he can advertise and sell to his followers.

  • Pain Point:

    Kyle has neither time nor interest in building a health supplements company from the ground up.

  • Needs:

    An easy one-stop platform where he can create products quickly and start selling them right away.

The challenge

In order to start selling, entrepreneurs need to provide the manufacturer with the label design file of appropriate quality and dimensions. They also need product images for their online store. This means they have to hire a graphic designer or figure it out on their own. This step can be quite complicated, how can we make it super easy and streamline the process?

Solution

Create a mockup-generator and a label maker inside of the platform which will provide users with an easy way to create their packaging design and product images in a few easy steps whether they want to design their own or use a template.

User Flow : First Iteration

Kyle opens the "Add product" tab of the dashboard, chooses the product he wants to sell, receives label instructions and requirements, uploads his label, and receives an automatically-generated packaging mockup.

First Iteration User Flow

Adding Product : Second Iteration

In the second iteration, a label maker app was added while keeping uploading your file as one of the options. The Label Maker lets Kyle create a design from scratch with a simple drag-and-drop interface or choose one of the pre-made templates and simply add his brand name and change the color scheme. Also, to save time on going through the list of many products, I added a step to select the product category first.

User Flow : Second Iteration

High-Fidelity Prototype : Adding Product

Go back

Camera Literacy

An interactive and comprehensive online photography course for aspiring photographers.

Role: UX / UI Designer, Front-End Developer

a grid of 6 smartphones demonstrating different pages of Camera Literacy website

Goal

Create an online photography course for aspiring photographers that is unique and stands out in a competitive field of online education.

A young cheerful young man

User Persona

Name: Louis

Age: 22

Occupation: Salesperson at a skate shop

Location: Phoenix AZ

Louis is still trying to figure out what career to pursue. He’s a creative guy and doesn’t want a boring job. Louis has recently purchased a used professional camera and has been taking photos for fun. Louis is thinking about becoming a professional photographer but doesn’t know where to start. Louis decides to take an online course to learn the basics.

  • Wants:

    Louis wants to learn how to take professional high-quality images and how to start earning money as a photographer.

  • Pain Point:

    Louis can’t figure out how to use the settings on the professional camera. Technical aspects of photography seem too difficult and boring.

  • Needs:

    An online course that is not only informative and comprehensive but also fun and gets to the point without being too lengthy.

The challenge

The joy of taking photos is what drives aspiring photographers to take the course. However, in order to learn how to take high-quality photographs, students have to study some technical principles which can be quite mundane. How can we make this course fun and engaging?

Solution

Make the course interactive and recreate the process of taking photos inside of the browser window. Create widgets that replicate real camera viewfinder and settings and allow users to play around and learn technical aspects of photography hands-on.

Checkout

Louis doesn’t have a lot of funds to spend, so he needs to be confident in his decision before making a purchase. That’s why the option to try free classes first has been added. The goal of free classes is to engage Louis in the gaming aspect of the course and encourage the purchase.

Customer User Flow : Checkout

Checkout User Flow

Interactive widgets

Each lesson starts with a simple explainer video followed by an interactive widget and some text explanation. Widgets replicate real camera viewfinder and settings. Playing around with the settings demonstrates how each setting affects the image.

For example, in the lesson teaching aperture, Louis can see how the camera aperture opening size changes and how the depth of field of the photograph reacts from being mostly sharp to a lot of blur in the background.

For example, in the lesson teaching aperture, Louis can see how the camera aperture opening size changes and how the depth of field of the photograph reacts from being mostly sharp to a lot of blur in the background.

Customer User Flow : Lesson Structure

Checkout User Flow

High-Fidelity Prototype : Focal Length Class Widget

In the lesson about focal length, a widget shows how lens choice affects image compression. The image in the viewfinder changes depending on which camera icon has been clicked.

Go back

Glammified

Glammified is a peer-to-peer eyelash extensions platform that connects clients and eyelash technicians.

Role: UX / UI Designer, Front-End Developer

a grid of 6 smartphones demonstrating different pages of Glammified website

Goal

Create an online platform that allows clients and lash technicians to find each other, schedule appointments, and process payments.

A young attractive young professional woman talking on the phone with laptop on the table next to her.

User Persona

Name: Alicia

Age: 29

Occupation: PR Manager

Location: Washington, DC

Alicia is a very social, busy, and ambitious young woman. She meets lots of new people daily and often goes to work events in the evenings. Alicia cares about how others perceive her and wants to always come off chic, successful, and put together. Alicia has recently received a promotion and now wants to get eyelash extensions.

  • Wants:

    Alicia wants eyelash extensions applied once in a while when she has time instead of applying eye make up daily.

  • Pain Point:

    Alicia doesn’t know how to find someone she can trust with putting glue in the area close to her eyes.

  • Needs:

    A convenient and easy way to find a trustworthy well-rated eyelash technician available nearby.

The challenge

Unlike Uber or Postmates, clients don’t want a technician randomly assigned to them and need to trust the specialist who will work on their eyelashes before booking an appointment.

Solution

Offer users an option to find specialists nearby and choose one based on their bio, portfolio images, reviews, and ratings before booking the appointment.

Customer User Flow : Appointment Booking

Checkout User Flow

High-Fidelity Prototype : Appointment Booking