https://www.zacseidner.com/home daily 1.0 2022-03-14 https://images.squarespace-cdn.com/content/v1/5f9afef912ff8d6b09785501/1604075546045-QJB7PWXGKN180ZLSZWJX/IMG_1479.jpg Zac Seidner | Portfolio - ABOUT Hey, I’m Zac Seidner, I am a UX/UI Designer with a passion for creating unique and powerful products focused on pleasing user's needs! I come from a background of about 8 years in digital marketing in the power sports industry. I've paired my experience with my skillset in UX to help businesses build more intuitive products and understand the needs of their customers better. Transitioning into the role of a UX Designer felt very natural for me as I've been building strategies and products for users most of my career! Being the first Digital Marketing hire at Bert's Mega Mall 8 years ago, I’ve had the opportunity to wear many hats while building our marketing strategy and team. The more exposure I had to conduct user research and really keeping user-empathy at the focus of my team, One of the accomplishments I am really proud of was identifying a need to upgrade our phone sales system, based on user feedback, and implementing a new online system that effectively generated an additional 1.4M in revenue, and made ordering more intuitive for our user-base. https://images.squarespace-cdn.com/content/v1/5f9afef912ff8d6b09785501/1604079438621-5P8TARJG1WAZDJLIL9QB/SKILLS1.png Zac Seidner | Portfolio https://images.squarespace-cdn.com/content/v1/5f9afef912ff8d6b09785501/1604079459211-UGQOMX0ZKEMFTTIN5QU1/SKILLS+%E2%80%93+2.png Zac Seidner | Portfolio https://www.zacseidner.com/contact daily 0.75 2022-03-14 https://images.squarespace-cdn.com/content/v1/5f9afef912ff8d6b09785501/1604075546045-QJB7PWXGKN180ZLSZWJX/IMG_1479.jpg Contact - zac Seidner Hey, I’m Zac Seidner, I am a UX/UI Designer with a passion for creating unique and powerful products focused on pleasing user's needs! I come from a background of about 8 years in digital marketing in the power sports industry. I've paired my experience with my skillset in UX to help businesses build more intuitive products and understand the needs of their customers better. Transitioning into the role of a UX Designer felt very natural for me as I've been building strategies and products for users most of my career! Being the first Digital Marketing hire at Bert's Mega Mall 8 years ago, I’ve had the opportunity to wear many hats while building our marketing strategy and team. The more exposure I had to conduct user research and really keeping user-empathy at the focus of my team, One of the accomplishments I am really proud of was identifying a need to upgrade our phone sales system, based on user feedback, and implementing a new online system that effectively generated an additional 1.4M in revenue, and made ordering more intuitive for our user-base. https://images.squarespace-cdn.com/content/v1/5f9afef912ff8d6b09785501/1604078891269-UA8V8PZKW0DJ1M1RZ0CQ/SKILLS.png Contact https://www.zacseidner.com/portfolio-2 daily 0.75 2020-10-30 https://www.zacseidner.com/portfolio-2/gallerypal-art-app monthly 0.5 2020-11-06 https://images.squarespace-cdn.com/content/v1/5f9afef912ff8d6b09785501/1604700166355-TYGND989JU8UDZABZWBH/fairly-trans-1.png Work - GalleryPal | Case Study - case study gallerypal https://images.squarespace-cdn.com/content/v1/5f9afef912ff8d6b09785501/1604351139024-0EGN0C5TZS850LLS5GPQ/lightning-2.jpg Work - GalleryPal | Case Study https://images.squarespace-cdn.com/content/v1/5f9afef912ff8d6b09785501/1604351203659-232WWDY69MAJZP1UOKPV/Screen+Shot+2020-11-02+at+1.06.21+PM.png Work - GalleryPal | Case Study https://images.squarespace-cdn.com/content/v1/5f9afef912ff8d6b09785501/1604351827138-50VNCWK093L6B4ZJM56P/Screen+Shot+2020-11-02+at+1.14.18+PM.png Work - GalleryPal | Case Study - STORYBOARDING Now that the solution was decided on, I began to storyboard these sketches. I wanted the app to be extremely easy to use for guests. I started the storyboard with a splash screen. Once a user passes that they will be dropped into the main interface, this will show them links to the main functions of the app; Explore, Scan, and Map. The main storyboard shown is the process of scanning a picture to learn more about this artwork. https://images.squarespace-cdn.com/content/v1/5f9afef912ff8d6b09785501/1603996604760-9RAAITXSI2XPOY1TWIEM/Web+1280+%E2%80%93+2%402x.jpg Work - GalleryPal | Case Study - BRINGING MY SKETCHES TO LIFE For prototyping, I chose to use Adobe XD. I chose 3 main features to be front and center as the bottom navigation; Explore, Scan, and Map. Explore was designed as a news feed approach to current artwork around the world. The scan feature is centered in the navigation and gives the user the ability to search any artwork by using their camera. Then finally the map feature, which lets users search for nearby artwork. For the design, I chose really soft colors that almost looked painted, with mostly whites, pinks, and hints of white granite. This was designed to appeal to fans of modern art as well as vintage artwork like sculptures. https://images.squarespace-cdn.com/content/v1/5f9afef912ff8d6b09785501/1604352475902-SNTKYGTUC48HVW7NJO3O/Screen+Shot+2020-11-02+at+1.27.23+PM.png Work - GalleryPal | Case Study https://www.zacseidner.com/portfolio-2/journey-car-rental-app monthly 0.5 2020-11-06 https://images.squarespace-cdn.com/content/v1/5f9afef912ff8d6b09785501/1603997576702-I8MFNQD09KAY7H65T8V9/iPhone+11+Pro+Maxjounryy.jpg Work - Journey | Case Study - Journey case study For a few seconds, imagine you plan a trip to a different country to enjoy your passion for travel. You have several destinations in mind for your trip and realize you need a car to get to all of these places. So the next obvious decision is to rent a car. You decide to book a rental car on a travel website and when you arrive, your trip gets off to a bad start. You are bombarded with confusing restrictions, the pressure to buy insurance, and a ton of frustration, not to mention a potential language barrier depending on the destination. This is the last type of experience you want after you are jet-lagged and eager to enjoy your trip. https://images.squarespace-cdn.com/content/v1/5f9afef912ff8d6b09785501/1604353742021-UGHCYIOF6T3MQTX3WM6X/image-asset.jpeg Work - Journey | Case Study - UNDERSTANING TRAVELERS My first step into refreshing this experience was to take a closer look into the mindset of travelers. I started my research by conducting interviews. I asked travelers about and what they wanted and needed when renting a car. After these interviews, I began to implement other research techniques to find commonalities such as: Empathy maps Journey maps Personas User stories Guerilla usability testing https://images.squarespace-cdn.com/content/v1/5f9afef912ff8d6b09785501/1604353903720-7LR0GYG66WD2X4CT8WQ9/Affinity+Map+4+-+UX+Capstone.jpg Work - Journey | Case Study https://images.squarespace-cdn.com/content/v1/5f9afef912ff8d6b09785501/1604354030417-FW0KQ72775K6JBBXSO7Q/Empathy+Map+-+UX+Capstone.jpg Work - Journey | Case Study https://images.squarespace-cdn.com/content/v1/5f9afef912ff8d6b09785501/1604353991906-3YSAJ4U18S40ACH7X9UB/Capstone+1+-+12.4+User+Flow+3.0.jpg Work - Journey | Case Study https://images.squarespace-cdn.com/content/v1/5f9afef912ff8d6b09785501/1604355308029-GLYMUJQS7FK7K7NTZO89/Screen+Shot+2020-11-02+at+2.14.50+PM.png Work - Journey | Case Study - SKETCHING SOLUTIONS I started to construct some sketches to fix the problems that were discovered. My original designs had the goal to keep the process really intuitive for a user. I did not want to reinvent the wheel at all, just refresh the experience and make every step very easy for a user to understand. https://images.squarespace-cdn.com/content/v1/5f9afef912ff8d6b09785501/1604354858008-M5CUMQZFJGUDQF6UM8RZ/Capstone+1+-+12.4+User+Flow+3.0.jpg Work - Journey | Case Study - CREATING STRUCTURE I started to construct a sitemap to aid in visualizing the main navigation and components for this app. This added a structure to each page that was created while narrowing the focus for each goal. Once this was created, I connected every page by creating a user flow https://images.squarespace-cdn.com/content/v1/5f9afef912ff8d6b09785501/1604355692100-XVW89BK54ELA0TH72KDY/iPhone+11+Pro+Max+Copy.png Work - Journey | Case Study - designing the brand When thinking of the branding of Journey, I knew that there needed to be a focus on the passion for travel. This is a common interest that unites all users. The idea behind the brand name “Journey” is to inspire someone on their trip beyond just renting a car. This car will take them to new places, let them experience new cultures, and create lasting memories. “Journey” is more than renting a car, it encompasses that adventure that you will be embarking on. https://images.squarespace-cdn.com/content/v1/5f9afef912ff8d6b09785501/1604356246254-IKCXOG83NT9FQXGKFQWF/Screen+Shot+2020-11-02+at+2.30.31+PM.png Work - Journey | Case Study - WIREFRAMING I created low-fidelity wireframes to test out my ideas on these solutions. They were meant to test out the most basic functionality of each page and component of the design. https://images.squarespace-cdn.com/content/v1/5f9afef912ff8d6b09785501/1604090905188-3ZJEWJ62YAE2TKA1I8RP/iPhone+11+Pro+Maxjounryy.jpg Work - Journey | Case Study - CREATING A UNIQUE SOLUTION The final design came together with all of the user feedback incorporated with the style and vision of the brand to create something unique. The result was an answer to all of the user’s problems in a very intuitive and refreshed interface. Renting a car was no longer a stressful or confusing process. Journey solves the problems holding you back from starting your travel off right. Reduced booking time: Important car information available at a quick glance. Any unnecessary steps are optional. Filter and Edit options are built-in reducing load times and having the user start the process over. Comparing Prices: Optional pricing notifications available. Pricing chart that shows users when the best time to buy is. Full trip total always displayed along with the daily prices for reduced confusion. Reducing confusion: Important insurance FAQ’s built-in to the booking process. Important trip notifications to guide a user through the pick-up and drop-off. Custom itinerary for users to understand exactly what step is next. https://www.zacseidner.com/portfolio-2/project-vibe-music-app monthly 0.5 2020-11-06 https://images.squarespace-cdn.com/content/v1/5f9afef912ff8d6b09785501/1604341897663-0TMTZWT25KN1ZF0DBL4A/Facebook+Post+-+2.jpg Work - VIBE | Case Study - VIBE | case study VIBE is a music streaming app that had started with a free subscription plan. The brand had already built a good foundation of a user base, but now the brand was looking to create a paid subscription plan while making sure that the new plan struck the balance of feeling necessary but not forceful. https://images.squarespace-cdn.com/content/v1/5f9afef912ff8d6b09785501/1604342524613-P2C3WNY4LD1AAA6LQQCI/Screen+Shot+2020-11-02+at+10.36.56+AM.png Work - VIBE | Case Study - AFFINITY MAPPING The music streaming market is extremely saturated, so I decided to start my research from other competitors and market research. I also sent out a survey that asked important questions like “what is the most and least important premium feature when upgrading on a music service”. The secondary research along with this survey helped narrow the most important features of this app. Interesting findings: Users are willing to pay for a music service The way users listen to music has changed (playlists, recommendations, etc are most popular) Users enjoyed personalized recommendations for their music. Removing ads was probably the most important premium feature. Downloading songs and creating playlists was also very important https://images.squarespace-cdn.com/content/v1/5f9afef912ff8d6b09785501/1604342636817-T5QI2VKDEIXUJGMXZDE9/Screen+Shot+2020-11-02+at+10.38.46+AM.png Work - VIBE | Case Study - USER FLOW From my research and competitor analysis, I knew that users are very familiar with using a music app. One of the most important flows needed to be a really fast and easy account creation process. This app needed to be incredibly easy to use and be very aware of avoiding cognitive load. Introducing the CTAs within the app was also very important to getting a user to upgrade their account. These CTA pages were strategically placed once within the onboarding process and multiple times when a user accesses a premium feature. https://images.squarespace-cdn.com/content/v1/5f9afef912ff8d6b09785501/1604343008264-4UAXB43D1EHFWFKN2TMQ/Screen+Shot+2020-11-02+at+10.49.48+AM.png Work - VIBE | Case Study - WIREFRAMING My first concept was designed as a wireframe inside Figma. The design continued to have a focus on an intuitive flow and a focus on upgrading to a premium account. The upgrade CTAs were designed to not be intrusive or annoying but still seen as necessary. Several usability tests were held to gather more further research on these design concepts. https://images.squarespace-cdn.com/content/v1/5f9afef912ff8d6b09785501/1604343284825-23HB8OUSRUJ9GX9BPDZO/Styl+Guide1.jpg Work - VIBE | Case Study - BRANDING The branding of VIBE was designed for tech-savvy users who frequently listen to music. For this design, I aimed for a modern and sleek look while still remaining vibrant and fun. The colors were kept very simple and the dimension was used frequently with UI elements. I felt that these users would be able to appreciate the simplicity of this design. https://images.squarespace-cdn.com/content/v1/5f9afef912ff8d6b09785501/1604343366303-Q0RMRZ7UJW03R3M3S51A/Facebook+Post+-+2.jpg Work - VIBE | Case Study - DESIGNING VIBE The final design of VIBE implemented all of my research along with the branding to create a unique music app. Each screen was designed to be extremely simplistic and easy to use and understand. The CTA to upgrade to a premium account feels necessary but not invasive or annoying. For music lovers, the player creates an immersive style for each album with the reflection of each album cover as well as throughout the app. More usability testing was conducted to perfect the design and confirm the flow of each user. The users offered only minor feedback and really enjoyed the style of the app. All of my research and testing created an intuitive, noninvasive, and creative way for users to upgrade their accounts on VIBE! https://www.zacseidner.com/portfolio-2/fairly-ai monthly 0.5 2020-11-06 https://images.squarespace-cdn.com/content/v1/5f9afef912ff8d6b09785501/1604699909306-SNII4VSKRKTJA1Z82FIU/iPhone+XR%2C+XS+Max%2C+11+%E2%80%93+10.png Work - Fairly | Case Study - SIMPLIFYING AI REPORTING FAIRLY CASE STUDY https://images.squarespace-cdn.com/content/v1/5f9afef912ff8d6b09785501/1604081218417-9A7NOPFNBS563NFY220U/IMG_3005.jpg Work - Fairly | Case Study - SKETCHING IDEAS After talking to the team and reviewing secondary research, the main components became clear for the first wireframe. I began to sketch down these ideas for the first interface which was to be the ”executive dashboard”. The goals of this interface was to create a space were a data science manager or executive could quickly identify any compliance issues in a way that wasn’t over complicated. https://images.squarespace-cdn.com/content/v1/5f9afef912ff8d6b09785501/1604080376556-FKBWU9ODNKCD8R1PZLHS/0.png Work - Fairly | Case Study - Build WIREFRAMES Within the first week of my project, I studied Fairly’s existing research then I needed to produce my initial thoughts on the “executive dashboard”. I created a wireframe that displayed the main compliance categories at the top of the page. I thought that from an executive’s mind, they may be overwhelmed by too much “technical data science” information. Having these main categories at the top of the UI gave the executive a quick view of their compliance status and ideas to create solutions. The wireframe was received well from the team with minor edits. https://images.squarespace-cdn.com/content/v1/5f9afef912ff8d6b09785501/1604081788922-FF4JEV2C5KI2CYRNZ5PQ/FAIRLY+STYLES.png Work - Fairly | Case Study - HIGH-FIDELITY Using the main color of the Fairly logo, I incorporated this color into the navigation and the main action color. The font used was Cairo, which has a very technical/futuristic look. With the different elements, I used many rounded buttons and white space which created a UI that looks technical, yet still friendly. https://www.zacseidner.com/portfolio-2/warlords-game-ui monthly 0.5 2020-11-06 https://images.squarespace-cdn.com/content/v1/5f9afef912ff8d6b09785501/1604093246520-OMTI4KWS4IW4QCNESP14/promo1.png Work - Warlords | Game UI - COMING SOON Warlords is a new fantasy RPG concept game that incorporates users favorite elements from rich console RPG’s and MMO games into an epic mobile game.