I'm a UX Designer with a knack for simplifying complex problems. I spent the first 5 years of my career as a Functional Design Lead at Accenture where I specialized in designing custom enhancements to SAP and Oracle systems for large organizations. I then left consulting to launch a B2C travel startup that aimed to simplify the travel planning process by taking a user-centered approach to the problem. From managing teams through the project life-cycle to launching my own startup, I embrace the challenge of designing game-changing products.
Core competencies developed through my 6+ years of professional work experience in various industries.
In-depth knowledge of specific software, tools and programming languages related to design.
Specialties in the design process related to the development and implementation of products.
Planning a Trip Should Be as Simple as Finding Inspiration.
Stellaroute simplifies the planning process by helping users create a custom, mobile accessible guide in just few clicks. By leveraging past travelers’ experiences, Stellaroute offers a platform for users to create travel guides for any destination and any travel style. These guides organize the relevant information travelers’ need to make the most of their trips based on:
In a small three person company going up against established giants you find yourself doing everything and anything to get "ahead". From designing the information hierarchy, outlining the data mapping, creating wireframes and prototypes, doing analysis, running the marketing and content management, and even some frontend coding, I lived and breathed every aspect of the business. This portfolio is a sampling of some of that work, told in a linear story (though the real story was anything but a logical progression).
After getting my initial inspiration, it was time to put my frustration into words. There were a million ideas and issues floating around my head and I knew I needed to boil it down into a single, clear statement: planning a trip is too time-consuming.
No successful product is made for a single person, it's made for a group of people. I setup about confirming this was a problem other people had by listening to and observing them.
If this is as prevalent of a problem as I think, why hasn't someone else "solved" it? Is the market not big enough to carve out a legitimate business around this idea? My initial research confirmed that the market was growing and that the industry was still trying to figure out how to cater to an emerging demographic of Millennial traveler.
Recognizing that I was making product for users that travel, I started thinking about the entire travel process and all the major steps and activities users take through that process. Doing this exercise, I crafted a long list of activities travelers potentially go through and divided them up into five major steps. These major steps provided me a way to reduce something huge into something manageable.
Armed with my high-level list of steps in the customer journey, I went about listing out every assumption I had for each step, and ranking how important I thought each one was. I asked my partners to do the same and we used this list as our initial guide to hone in on user pain-points.
From here, we started surveying people. We started with people that we knew that fit into our market demographic and didn't take long before we realized the way we were framing the problem was very different from the way most other people viewed the problem. We did a few rounds of surveys and interviews and eventually settled on a core set of assumptions and questions we wanted to understand in more detail.
I drafted a survey to send out to people to understand what they cared most about, had the most frustration with, and how they were currently solving those problems. All of this work led us to a few key insights:
For us, the least important part of the market analysis pie was understanding the companies in it. It was far more important for us to know the consumers that made it up, their demographics, behaviors, attitudes, and aspirations. And we broke it down accordingly:
Who will we be designing our product for? It was important for us to boil our target audience down into a few, believable and representative people. This helped us approach our analysis from the perspective of what these people wanted as oppose to what we or a broader group of people wanted.
I next wanted to take my insights that I learned about our target demographic and take a fresh (and exhaustive) look at the competition. Anyone remotely related to one of the five steps in the travel process qualified for consideration. The goal of this exercise was to understand what the competition did right, what they didn't do right, and what was missing for the consumer. The two big takeaways from this analysis:
While understanding the market at large is important, it was critical for us to understand our direct competition. Pulling together all the companies related to the planning phase, I was able to further categorize them by how they focused on the problem and further divided them into 4 groups:
With an area as broad as travel, there are a million things that could be done and we wanted to make sure we captured all of those ideas. So we created a list of our "dream" features and continually added to it as new ideas came to us.
Sure we had a sense of where the end product could go, but it was important for us to design for the beginning, not the end and iterate our way to that grander vision. We took our user insights and narrowed down our list of potential features to focus on. With a significantly narrowed list, we did a quick poll to confirm which direction we should head in.
I then translated our top features into clearly stated steps that led to a specific outcome. In other words, if someone was after something using our site, how would they go about doing that.
Both my partner and I had ideas on how to accomplish our scenario. Using Moqups, and designing for mobile first, we both independently of one another created a wireframe that would accomplish our scenario. We came together, reviewed one another's wireframe, updated our wireframes based on each other's feedback and settled on something we were comfortable testing.
During our review sessions, it became apparent that we both had different opinions on the best way to accomplish our scenario's objective. Great, we'd let the user be the judge. So we crafted a usability evaluation, transferred our wireframes into InVision, and scouted out coffee shops in our area to perform user tests with objective. Our tests quickly revealed that we were both horribly wrong, and that before we could go further, we needed to do some card sorting to figure out the best process flow.
Using Optimal Sort, we had users group key terms together in what made the most sense to them. In addition to helping us figure out the best information hierarchy, this also helped us uncover some terminology that was causing our users issues (like itinerary vs guide). Using this information, we were able to update our wireframe to create a prototype that performed successfully during our user tests.
While it was promising to see our prototypes perform well in user tests, we still had a lingering question on how useful this would actually be to someone in the real world. To get this much needed affirmation before a product was developed, I concocted a plan to create a PDF file that simulate what our guides would look like for users. Then anytime we heard about someone that was taking a trip we offered to create them a free guide on the condition they provide us with honest and blunt feedback. This was ultimately the feedback we needed to convince us we had a product that was going to be useful.
I then started performing an extensive analysis on how to group our data together. The challenge I needed to solve was figure out a way to systematically group locations together from the highest level (continent) to the lowest level (neighborhood) and do everything in between. Complicating matters, each country seemed to have a wildly different way or organizing its locations. But eventually I developed a 9 tier system that worked consistently with every country in the world and also provided the flexibility to display its information in the most logical way possible. In addition for to doing this exercise for locations, I also performed it for attractions. Despite this seeming like a straightforward classification, my research showed that depending on the attraction type, the fields and information needed were wildly different.
Before we created the high fidelity designs, we wanted to make sure we were using real data. I drafted the content we would need for several different locations at multiple tiers. After that I worked with our developer to create a uniform data structure.
While working on the development of our Alpha, I acted as the Product Owner by managing our backlogs, prioritizing our team's tasks and anticipating future sprints.
With a functioning prototype we were able to start analyzing early feedback from users and started to see some problems with our business strategy. We built our product to our "average" user instead of our early adopters and champions. This led to a marketing hurtle and necessitated us making an immediate change to attract the users we needed to achieve our marketing goals. By running sample ads in Facebook and analyzing traffic in Google Analytics I identified the problems with our design.
My analysis identified multiple issues with our first prototype: (1) unclear landing page; (2) limited incentives for early adopters; and (3) difficulty creating content. I took this information, and did a complete redesign of the site to adjust our design to meet our team's marketing and business needs.
Your Exercise Playlist
Applete is a fitness app that I designed as a side project after struggling to find the right fitness resource to help me get into shape. The goal of the app is to allow users to arrange exercises into custom workout routines in a similar fashion to the way someone would create a playlist. In addition to descriptions on how to do the exercises, the app also helps users track their progress and find pre-created routines by workout type.
At the start of every project I begin by writing down every idea I have related to the app. Whether that be a feature, a capability, or a collection of page elements I plan on using - I make sure all those scattered thoughts find their way onto paper. To begin with, I'm not concerned with it having any semblance of structure - I only care about laying out everything I need to consider when designing the app. This step is all about embracing chaos, everything after this step I dedicate to making sense of that chaos.
From the information hierarchy, it is easy to come up with scenarios. The scenarios reflect the "why" a user will benefit from the app. The "how" a user benefits will be crafted with my wireframe.
This is the fun part where I transfer a nebulous concept into a tangible structure. For this project, I was excited to experiment with Adobe's beta software, XD. Originally I had expected on making a low-fidelity wireframe but found that it was easy to create a mid-fidelity product. While the software was missing some key features at this time, and I reported several bugs, I was overall impressed with it and will look forward to its full release in the future.
For the low-fi, my goal is to use my scenarios to determine the major pages that I need to create. Any buttons, elements and assets I'll need I want to think about now, and experiment with different possibilities.
Using the scenarios, I create the flow of steps a user will need to take to perform various functions on the app. This helps me identify all the pages and states that will need to be created in the high-fidelity design.
For me, this is the most painful step. This is where slight, incremental differences in hex codes and font styles have enormous impacts on the overall ascetic and feel of the product. And there is no way to get that right, without a lot of trial and error and playing around with different options. I follow three principles when selecting colors and fonts:
With those principles in mind, I wrote down the key feelings I want my users to experience when using my product.
For the high-fi prototype, I used Photoshop since XD was missing too many features to get the pixel perfect design needed for a high-fi design. My first step was to use the process flow to list out all the pages and states I would need to create. I then went through the low-fi design and identified various buttons, icons, and assets that I would need for the project and created an "asseets" document. My third and final step before creating all the pages is to write down the real content I would be using in my design (I've been burned by lorem ipsum too many times to consider using that). (Note: that I devote considerable attention to keeping my layers labeled and organized in my designs and can share samples of the files upon request).
Click Here to view the protoype in invision.
Your Navigation to Project Management
5 years of first-hand frustration with managing consulting projects inspired this design which aims to improve project management and collaboration on large, cross-functional implementations. The Plandira dashboard is a tool that can be used to track tasks, progress and targets by a myriad of factors including by individual, team and project. It's flexible enough to be tailored to fit both the waterfall and agile methodologies and provides this customization without being encumbered by a bloated UI.
Originally, this was a concept I toyed starting a venture around, but after deciding to pursue the travel site, this idea was re-purposed to let help me teach myself HTML, CSS and later, Sketch.
With all projects I start by writing down every thought I have related to the concept. These are usually expressed by terms, needs and functionality. For this particular idea, the difficulties in managing multiple releases across multiple teams and the need to provide constant metric reporting was top of mind.
Using a good old fashion pen and paper I sketch a very rough outline. During this step I'm not thinking about presentation as much as hierarchy of information, general layout and process flow.
Taking my sketches, I transfer those lose thoughts into a structured flow which helps me decide which views I need to create.
Using Balsmiq I then created the low-fidelity wireframes, which is generally the most informative step because the concept takes enough shape to pinpoint the assumptions and challenges that will be present in the design's execution. With this particular concept, it soon became clear that the central challenge was going to be having nuanced, parsed information easily accessible without burying it under numerous layers. There was a lot of playing around with the tabs and right panel before settling on the right flow.
Before doing anything, I describe the feel I'm going for. This being a business application, that description was easy to come up with: "A simple, clean, professional design with a sleek feel." With simplicity being the operative word, I knew that a color scheme that didn't draw attention to itself while avoiding giving off a dull or boring vibe would be important. My solution was to use a single primary cool color and compliment that with a dark grey and to infuse both with a slight gradient to transform what otherwise would have been a bland look into something polished. Choosing the font was easy. I used my old friend Google to identify commonly used professional fonts and then from there selected the one that would display rows of information clearly.
In Sketch I transferred the rough idea into the ultimate vision and paid particular attention to the best way to visually represent actions. Note that for this particular project I only created a desktop version since this tool is intended to be used at work while on a computer.
Lorem ipsum dolor sit amet consectetur.
Start Bootstrap's Agency theme is based on Golden, a free PSD website template built by Mathavan Jaya. Golden is a modern and clean one page web template that was made exclusively for Best PSD Freebies. This template has a great portfolio, timeline, and meet your team sections that can be easily modified to fit your needs.
You can download the PSD template in this portfolio sample item at FreebiesXpress.com.
Lorem ipsum dolor sit amet consectetur.
Escape is a free PSD web template built by Mathavan Jaya. Escape is a one page web template that was designed with agencies in mind. This template is ideal for those looking for a simple one page solution to describe your business and offer your services.
You can download the PSD template in this portfolio sample item at FreebiesXpress.com.
Lorem ipsum dolor sit amet consectetur.
Dreams is a free PSD web template built by Mathavan Jaya. Dreams is a modern one page web template designed for almost any purpose. It’s a beautiful template that’s designed with the Bootstrap framework in mind.
You can download the PSD template in this portfolio sample item at FreebiesXpress.com.