Product Design

Premium Technology & SaaS Template

The Problem

Research shows that over 60% of individuals working from home have experienced a negative impact to their work/life balance as a result of the COVID-19 pandemic. This imbalance has negatively affected both their mental and physical health.

Is Technology the Problem? Or Solution?

While many people surveyed claim that too much technology is partly to blame for feeling imbalanced, almost everyone needs their phones to function.

73% respondents check their phone immediately upon waking before doing anything else.

65% respondents says having a mobile phone makes life easier.

But there are so many "life help" apps, is another app really a solution?

The app marketplace is very saturated with lifestyle apps that claim to help you organize, track habits and even help meditate. Our competitive analysis reviewed over 17 different apps and weighed the competitive advantages and disadvantages of apps like Headspace, Done and Habit Tracker.

Enter Azenda: Simple, Beautiful and Fun.

In our research, the best way to improve your physical and mental health is by forming better habits.

There is an opening in the marketplace for a simple yet fun, mental and physical health tracking and scheduling app to help users form and keep healthy habits.

Azenda is simple and fun app that allows you to:

Be Mindful: Track your mental state.
Be Organized: Schedule and time block your day.
Be Focused: Set reminders for healthy habits.

Azenda: Get Your Life Together

Azenda is simple and fun app that helps you track your mood, set goals and receive helpful reminders to keep yourself motivated and accountable all in one app.

There are no pesky paywalls, long tutorials to watch or hidden features to find. With a calming green and  minimalist design, Azenda is the most powerful yet simple app on your phone.

Launch App Prototype
Content Strategy and Web Design

Tailgreeter

Tailgreeter

The Client

The Department of Homeland Security helps protect the American people from any and all foreign threats by protecting America's borders, economy and  people. DHS is a vast government entity that is responsible for many areas including the US's emergency response, aviation and border security, human trafficking and cybersecurity, all with the one goal of keeping America safe and secure.

The goal of this project was to redesign the Department of Homeland Security website to improve usability, elevate the design interface and deliver a responsive web experience.

Problem

The current DHS website is typical of most government websites, where there is a lot of information to muddle through and there isn't good use of design hierarchy. The content is difficult to navigate and it's difficult to discern the most important and relevant information.

Tailgreeter

Research

Over the course of 4 weeks I conducted numerous usability tests with users in age ranging 35-65, both male and female to capture the wide net of users that would be visiting a government website. This research included recorded user interviews, competitive analysis, card sorting, heuristic evaluations, user flows and multiple design iterations.

User Persona and Journey Map

After conducting user interviews I developed a user persona that reflected the types of visitors that would land on the DHS website and built out a user flow that focused on the user getting from the home page to a single landing page on human trafficking called the Blue Campaign.

Card Sorting and Navigation Redesign

The most important aspect of redesigning the DHS website and where I spent the most time was on the navigation. I started the process with card sorting and then tested many iterations of the navigation including hover vs. click states, underlining text, and various background treatments.

100% of users in user testing could not accurately predict where each navigation topic would take them in the current DHS website, so I renamed each category to be more clear and concise with card sorting.

Redesigning the navigation bar helped organized the DHS sitemap and organize and prioritize homepage content.

Improving User Flow and Wireframes

The majority of time on this project was spent organizing content, editing down text, and multiple rounds of iterations and user testing to determine where certain content should live and what should have priority on each page. My goal was to keep the most important information and continually highlight relevant and helpful resources and improve each page's CTAs.

Branding and Design

When thinking about defining a style guide for DHS I wanted the website to feel patriotic, inspirational and reflect the website goal of being a helpful resource for the American public, all while remaining apolitical. The color scheme was pulled from the DHS logo with an emphasis on blue and grey and touches of green and red. I was also inspired by the DHS mission to "protect the American people by Air, Land and Sea" and created brand elements to reflect those core values.

I used elements from the U.S. Web Design System (USWDS) to ensure the website met the US government accessibility and design standards.

Final Design

The final design reflects the goals of the project  to create an upgraded look and feel and user flow while maintaining the integrity of DHS's content. The site is more modern, accessible in Spanish and responsive on mobile and tablets and makes important subpages on immigration, cybersecurity and human trafficking easier to find. The site feels patriotic, helpful, accessible and informative.

My favorite Pantone color is 15-3919 Serenity

Print & Event Design

Tailgreeter

Print Marketing

I have extensive experience in a variety of print work including marketing booklets and flyers, large-scale trade-show booths and signage, event design, apparel, packaging, sponsorship deliverables (bus-wraps, billboards, etc.) and everything in between.

Events

Creative director and event producer for multiple Worldwide Sales annual conferences in US, APAC, and EMEAI. My experience includes creative direction and event branding including working with Disney illustrators, print and production design, storytelling and presentation creation, vendor sourcing, backstage execution of audio and visuals, event coordination and on-site execution.

Book Covers and Magazines

Designing Book Covers has been one of the highlights of my career as a designer. My process including reading every manuscript and working with the author to create creative and thought-provoking book covers for both fiction and non-fiction works.

Content, Design, Marketing and Social Media

Logos and Brands

I love helping clients from a variety of industries achieve their marketing and communication goals with creative consulting and design work.  

Branding and logo evolution, media kits, social media design and curated holiday gift guides.

Logos / Branding

Web Design

Tailgreeter

The Client

Girls4Science is committed to making STEM exposure accessible and fun so girls can confidently pursue opportunities in STEM fields. Through STEM education, Girls4Science will change the lives of many deserving young girls.

Problem

• Only 1/4 of STEM professionals are female.

• Only 1 out of 20 employed scientists and engineers are
Black women or Latina.

• 7th grade is typically when girls start to drop from STEM classes.

The Girls4Science website had a lot of information about their organization but in user testing, users failed to identify their cornerstone program or identify what kind of programs they offered and for what age.

The colors, imagery, brand and logo didn't reflect their audience of Gen Z females.

Solution

The newly rebranded STEM Academy (formerly Girls4Science) is committed to making STEM exposure accessible and fun so girls can confidently pursue educational and career opportunities in STEM.

The refreshed website feels fun, fresh and modern to attract young women who may be curious to learn more about STEM.

Final Design

On the new home page you immediately know that this is a STEM organization for school age females.There are opportunities to register for the programs, sign up for the newsletter, follow along on social or donate to the nonprofit.

The Science Saturdays page now has program details clearly listed along with the registration, ability to waitlist, volunteer opportunities and alumni testimonials .

Reflection

I loved this project and everything this organization is trying to accomplish, and as a female in technology I felt personally invested in the success of this redesign. The statistics of women, specifically Black and Latina women employed in STEM fields is embarrassingly low. For a few short weeks I felt as if this class project could really make a difference.

Responsive Web Design

Tailgreeter

Tailgreeter

The Client

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Problem

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Solution

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Build better sites and win more clients

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

The result

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Responsive Web Design

Tailgreeter

Tailgreeter

The Client

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Problem

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Solution

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Build better sites and win more clients

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

The result

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Product Design

Tailgreeter App

Tailgreeter

The Client

Tailgreeter is a Chicago startup that takes the Airbnb model of connecting tailgate hosts and fans seeking to tailgate at sports venues around the country through an easy reservation process. Hosts can offset their costs of tailgating by selling spots at their tailgate and guests that normally donʼt have access to tailgates can enjoy a tailgate experience and meet new friends.

Problem

Tailgreeter had a basic website but wanted an app to make booking and hosting easier with features like chat, GPS maps, and robust host profiles with ratings that most users have come to expect from a booking and reservations app.

Tailgreeter

Solution

Tailgreeter's app needed to build on the capabilities of the exisitng website but also solve problems that existing Tailgreeter users pointed out in interviews. Based directly on user feedback, we created separate and personalized user flows and functions for both the host and guest experience, including the ability for hosts to scan in their guests with a QR code tickets, host and guest profiles with the ability to leave reviews, chat functionality, and GPS maps with directions to tailgates.

The result

After multiple rounds of iterations based on user testing and feedback from the client the app is now live for both Android and iOS.

Product Design

Tailgreeter

Travel Together, Better

Troup is a group travel planning and budgeting app that helps travelers seamlessly plan, organize itineraries, and track and split payments, all in one app, in order to minimize stress and maximize trip enjoyment.

Problem

Group travel can be fun and rewarding but it has a lot of moving parts. Nailing down a date, accommodations, the budget and itinerary can be overwhelming and cause undue stress to the group’s dynamic.The planning and payment splitting process can require several apps, sites and services, and still leave members of the group unsatisfied.

The average traveler uses over 9+ apps to plan and coordinate group travel.

Solution

Plan, arrange and budget group trips in one intuitive app. The planners plan and the followers follow along and never miss out on an email or text. Avoid conflict by putting potential trip ideas up to blind votes, organize with a detailed itinerary and easily keep track of spending to split payments evenly.

Who is this app for? 

From bachelor and bachelorette parties, weddings, family trips or even corporate retreats, Troup is for anyone trying to plan group travel.

The app makes it easy for everyone to take part in the fun part of planning a vacation while smart automation and plugins allow the app to display all the trip info in one place. Perfect for the type-A trip planner and even the friend who doesn't check their email.

Research

There are many travel apps in the market today that offer trip planning services however none solved the three main user pain points that came up in all user interviews which was agreeing on plans, consolidating itinerary and splitting payments.

When building out the first iteration of the app I had to solve for these three issues that scored the highest in the  priority matrix.

"The biggest pain points are getting the group to agree and stay informed of the plans, and of course tracking down payments."

- User Interview

Design Process

Onboarding

Most of the focus of the design process was spent perfecting and improving the flow of the onboarding. The onboarding is a crucial step for the app to improve the personalization experience but it couldn't overwhelm the user and cause them to abandon the app. I wanted the onboarding to feel easy and fun.

You can even turn on features like blind voting and let friends help plan the trip by adding options for lodging and activities.

Homepage

The homepage acts as a hub for the trip and lets you track what activities friends have voted on, where you can view your itinerary, split payments and message the group.

Final Prototype

The final mid-fidelity prototype showcases the full onboarding experience plus all of Troup's features including chat, activity voting, itinerary building, and payment management.

Experience Troup for yourself and launch the prototype below.

Content Strategy, UX, Design, Marketing, Communications, Events

United Airlines

In my career at United I have worn a lot of hats and have experience in B2B digital marketing, content creation, creative strategy, communications, social media , executive presentations and leading creative teams.

Brand and Design: United for Business

Managed the branding and design for United for Business, United’s B2B sales organization that serves over 5,000 corporate customers and global travel agencies responsible for 18B+ of revenue.

Led a team of designers and freelancers to create internal and external communications, print collateral, digital marketing assets, presentations, marketing videos, global marketing templates and tradeshow and event materials.

All Together More: Atlantic Joint Venture

The rebrand of the "All Together More" AJV airline identity was a year-long brand overhaul working with counterparts at Lufthansa and Air Canada, global agencies and brand departments to refresh, update and rollout a global marketing identity promoted by each individual airline carrier in local markets. The brand identity included digital advertising, Email templates, sales presentations, event materials and print marketing.

Strategic Communications

Communication goes hand and hand with good design, and if you have a good story to tell, people will listen. Using Salesforce Marketing Cloud and internal United email tools, my experience includes managing the United for Business and United Digital Technology communication strategy, developing branded templates,  design, copywriting, and comms analytics.

Responsible for overseeing the United brand integrity through design and tone of voice and elevate the professionalism of United communications.

Beautiful presentations that tell a story

In 2019 I led a project team of over 35 individuals including sales systems, digital technology and field sales to redesign and implement data-driven and highly personalized customer-facing presentations.

Researched and developed detailed customer personas to deliver a curated and personalized narrative and elevated the data and reporting to help the numbers tell the story. Oversaw the training and change management plan to launch the Seismic presentation tool for over 900 sales managers.

Personas for Change Management

Built personas for change management initiatives to determine how we communicate and prepare leaders to drive change around return to office and our "return to new" strategy. Carefully crafted thoughtful personas and use cases leading with empathy and considering diversity of career backgrounds, family or caregiver situations, and career aspirations.

Creative Direction and Design

I have designed and created the branding for both internal and customer-facing initiatives  including United conferences, sales communications, training and people strategy, corporate events, technology showcases, Business Resource Groups and cybersecurity initiatives.

Event Design and Planning

I have extensive experience with large and small scale events, from global sales conferences with over 900 attendees, to intimate and professional corporate forums. My work includes creative direction and event branding, print and digital design, backstage execution of audio and visuals, sourcing vendors, event coordination and onsite execution.