VIEW ALL INTERACTIVE / UX DESIGN 3D / 2D DESIGN INFOGRAPHICS WEB DESIGN PRINT BTAN SITE REDESIGN FRONT END DESIGN | PNM B2C DESIGN

< BACK // PRODUCT DESIGN // HELLO ALICE - CMS Objective: To drive the transition of legacy CMS from its outdated platform; building upon a project initiated by a team of former designers who were no longer with the company. In my role as a Product Designer (UI/UX), I focused on conceptualizing and implementing the vision and user experience for the new CMS. Role: - Senior Product Designer (UX/UI) Contributions: - Led conversations around design with the engineering team, product managers, and stakeholders (support and enterprise teams).​ - Executed end-to-end design from conception to final prototype. - Regularly presented designs to stakeholders and the company during product reviews. - Conducted audit of the existing CMS and provided recommendations to the team on existing UX. Results: - Successfully sunsetted the legacy CMS by Q4 of 2023.​ - Completed end-to-end design for 3 out of 7 pages, finalizing the overall experience of the CMS​ - Various component updates to the design system - Overall UX / UI enhancements, delivering a seamlessly integrated experience Guide Builder: The guide builder was used by our content team to write and deliver guides as apart of Hello Alice's learning and training material provided as a resource for small business owners. Initial Audit Reviewed the existing flow with the development team to make sure all logic etc. would be accounted for in parity with the current experience. Fig 1.1 (Click to enlarge) Feature Planning: During these initial conversations, a list of features needed in parity was created along with a wishlist of enhancements after discussion with our content managers (primary users) and the team that highlighted flaws or points of friction in the current experience that could get improved upon with the new build. Initial lo-fi wireframe: Some lo-fi sketches and wires were shown in this phase and talked through with team. alternative solution The existing experience had users exiting the main flow to enter a different experience in order to build a guide - after reviewing the initial flow, an alternative mock/solution was developed to keep users within the same flow for a more seamless experience. ​ Though this solution was favored - we ultimately did not go in this direction due to some constraints with the logic and timeline. UI Iterations: Engaged in iterative feedback cycles for certain UI mockups, incorporating existing components from the current design system. Collaborated closely with developers to address constraints and limitations from their perspective. Notably, challenges arose regarding consistency in component usage between developers and designers during the page-building process. These discussions proved valuable, serving to bridge gaps and underscored key areas for enhancement in the ongoing design system update. Process highlight: Fig 1.2 (Click to enlarge) UI Iterations: Zooming into the previous flow (fig 1.2) - the "Guide survey modal" component was meant to reflect and display the information that the user would input into the "Guide Survey Editor Screen" (fig 3.1) ​ Some considerations for this component included understanding what information would display from the editor screen to the modal, prioritizing the most important details. Another important factor for this component was the survey value mapping piece that determined how a user would progress through a guide, and what improvements we could make, if any, to this portion. Prototype: Presented prototypes to team for feedback on interactions / micro-interactions, discussion around build etc and during sprint reviews to external stakeholders and execs click to view demo Final Build: The final build deviated slightly from the prototype due to time constraints and limitations, including dependencies on the code package the developers were working with. However, consistent communication helped minimize these gaps. Additional improvements have been scheduled for upcoming sprints.

Hi! 👋 I'm Naomi, a Product Designer from the Washington, DC area. ​ I spent over six years in Austin, TX, working as a Visual Experience Designer for a national FinTech company and later transitioned to a role as a Senior Product Designer for a FinTech startup supporting small businesses. ​ I studied Design in NYC and Richmond, VA where I also discovered a love for oil painting. Fascinated by the human experience, I love exploring unknowns and thinking through deep questions, finding visual and strategic solutions for complex problems. ​ Still searching for my Ikigai but I think I hit the lottery with design and would love to continue to contribute my skills to innovative companies. Let's connect! ​ ​ Education: School of Visual Arts | New York City, NY VCUarts | Richmond, VA ​ Contact me - studio@naomihia.com Linkedin: https://www.linkedin.com/in/naomihia/

< BACK // INFOGRAPHICS// INTERACTIVE INFOGRAPHIC Supplemental infographic created for a blog about consumer expectations post-COVID. Created using Ceros - a cloud-based interactive platform, and Adobe Illustrator ​ View live blog here: https://www.kasasa.com/articles/heres-what-consumers-expect-to-see-from-a-financial-institution

< BACK // UI/UX DESIGN // TREY KENNEDY x KASASA LANDING PAGE Trey Kennedy is a comedian and media personality popular on websites such as Youtube and Tiktok. His target audience is young adults (Gen Z and millennials). ​ The goal of this campaign was to push the importance of banking local and keeping your money local in smaller financial institutions to help communities and local economies. ​ ​ ​ Campaign Challenge: How can we drive the importance of banking local? ​ Objective of this Landing Page: Build a page to host the promotional video in that we can promote on social websites and drive traffic to. ​ ​ Role: Visual Designer / UI ​ View live site here: https://banklocal.kasasa.com/? Content / Features: Worked with copywriter, art director and social media manager to plan the content that would exist on the page Design decisions: While the messaging for this page was to keep banking local, the overall sentiment was to build a larger voice for Kasasa to compete against the Megabanks as a network of smaller community Financial Institutions. ​ After analyzing some marketing / promotional pages from other leading global FinTech companies that also specialized in community businesses, I noticed some similarities in the layouts: - Clean, minimal aesthetic - Content blocks that can easily get shifted around to accommodate fast change request - Primary content at top of page - lots of space around each content section - large stat callout on each page / metrics have a different visual treatment It was also imperative to use Kasasa's brand colors / system while trying to achieve a more simplistic and minimal page Wireframes: lo-fi wireframe: The initial sketches featured 2 layouts, one with the primary content (the video) along with a description and the social share buttons to the side of the video. And another version with an image of Trey Kennedy along with the video/desc/social share icons. hi-fi wireframe: After turning these into mid-fi sketches and reviewing the notes from analyzing competitor pages - I comped another layout with the video as the primary focus at the top of the page and the description beneath the video. ​ Since the primary focus of this video wasn't Trey Kennedy it was the message of helping local communities, I decided having an image that highlighted members of a community vs. Trey Kennedy might be more effective next to the about me section. Prototyping & User Feedback: Version 1 highlighted Trey Kennedy with a feature image of him next to the video and the video description underneath. ​ Version 2 removed Trey Kennedy as the focus with just the video player and a description beside it to give users insight into the promotion. The initial version of this had the stats in it's own call out section below the "about me" portion of this page. ​ Version 3 had the video as the primary focus with the description below. ​ ​ After gathering user feedback - we found layout 3 was the most effective at keeping users engaged by keeping the video as the main focus above the fold. Allowing users to immediately view the content (the promotional video) without getting distracted by imagery or the text. ​ ​ Now the focus was shifted to below the fold, see fig below for some feedback on the layout. Final prototypes: ​ After omitting version 1 and 2 we explored some different layouts for version 3, we explored an option without the community image and some of the UI changes that we made were changing the footer to black, where we later learned the disclaimer would live, and to allow the focus to stay on the content directly on the page. We also explored having the "About Kasasa" CTA as a text link to allow for the product links in the middle section to be the main drivers. Development: The final site was built using Instapage starting from a base template. This allowed us to quickly get the page up without the need for a developer and for the marketing team to track the performance along with their other campaigns. ​ The final site design included a disclaimer and did not include the product section that contained 2 outbound links. This allowed us to move the main CTA above the "about me" section and allowed for the button style to remain stylized instead of using hyperlinked text. Template: Final Site at launch (web & mobile) click here to view live site

< BACK // INTERACTIVE DESIGN // GEN Z Interactive piece deep-diving into Generation Z and their tech / finance habits ​ Overall Marketing Objective: create a piece to really dive into who the Gen Z generation is and why bankers should care. "Content engagement from CFIs that positions Kasasa as a trusted thought leader and partner. This engagement will lead to increase sales engagement and client loyalty." Role: Lead Designer, UX Designer Contributions: -Led conversations around design to art director, copywriters and stakeholders (B2B marketing team) -continued to maintain and make revisions alongside copywriter and stakeholders view live site here: https://www.kasasa.com/exchange/get-to-know-gen-z PROCESS Sketch and pivot: ​ The original objective was to create a piece around Gen Alpha and their banking / tech habits to set Kasasa up as a thought leader and industry expert on a new generation that was rarely discussed / often overlooked in terms of finances. ​ After some research / discussion the team decided to pivot to a piece around Gen Z. Design decisions / visual identity: ​ The main character of the piece was meant to stay consistent with one of Kasasa's blog pieces on generations that featured some illustrations created by another designer: https://www.kasasa.com/exchange/articles/generations/gen-x-gen-y-gen-z This blog generates tons of organic traffic - w e wanted to capitalize on this and create more content that would stay consistent with the visuals across all our pieces that discussed the same topics. Final iFrame view live site here: https://www.kasasa.com/exchange/get-to-know-gen-z Feature: -interactive bubbles that walk user through Gen Z profile stats

< BACK // WEB DESIGN // BTAN Site Redesign BTAN is an invitation-only conference Kasasa hosts annually to bring prospects and clients in to uncover new market research, cutting-edge technology from Kasasa, and actionable best practices. Kasasa went through a rebrand during the later half of 2021 and the start of 2022, meaning the website needed a refresh. Role: Lead Designer View the live site here: https://www.kasasa.com/btan/ Site map: Old site design: Old design used older brand colors that consisted of lots of reds and blacks. We wanted the new design to feel inviting and optimistic as opposed to the darker tones from the previous design. Old brand colors: Red was the primary brand color and was used as the primary color across the site. Updated site design decisions / visual identity: ​ The site design included new elements from the company's re-brand including colors, gradients and graphic elements. The tonality was meant to feel lighter and more inviting. Final Site Design:

< BACK // 3D / 2D DESIGN // ALBUM COVERS Various album cover designs created for a variety of artists during my time freelancing. MTV CRIBS Cover art for single titled "MTV Cribs" Artist: Adamn Killa Art direction/management: William Hoops ​ My role: 3D designer and creative direction. Modeled and animated in Cinema4D STASIS Cover art for album titled "stasis" ​ Artist had asked for a bracelet to represent the album with each charm on the bracelet was meant to represent a track on the album. ​ Artist: Colton Eason Art direction/management: Jake Adler My role: 3D designer Modeled and animated in Cinema4D EVERYDAY IS MONDAY Cover art for single titled "Everyday is Monday" ​ Scissors were meant to represent one of the charms on the bracelet that embodied this track. ​ Artist: Colton Eason Art direction/management: Jake Adler My role: 3D designer Modeled and animated in Cinema4D RECORD PLAYER Made just for fun :) modeled in Cinema 4D BUMBLE BEE Cover art for single titled "Bumble Bee" Artist: Adamn Killa Art direction/management: William Hoops ​ My role: Illustrator Tools: Procreate, Adobe Illustrator SILENT KILLAZ Cover art for single titled "Silent Killaz" Artist: Cam & China Art direction/management: Marlon Barrow ​ My role: Illustrator Tools: Procreate, Adobe Illustrator MOST KNOWN UNKNOWN Cover art for mixtape titled "Most Known Unknown" 24x30" Acrylic on Canvas - final piece is 4:4 digital artwork, 2018 Music Artist: Dolan Beats Art direction/management: William Hoopes ​ My role: Illustrator Tools: Acrylic paint, Adobe Illustrator

< BACK // FACEBOOK BANNERS //

< BACK // 3D/2D DESIGN // VIDEO ASSETS / ILLUSTRATION Kasasa Care Provided Illustrated assets for promotional video introducing Kasasa Care Awards: Telly Awards - Bronze Winner: General - Promotional Video https://www.tellyawards.com/winners/2020/promotional-video/general-financial-servicesbanking/introducing-kasasa-care/235165 Meet Kasasa Care Provided Illustrated assets for Kasasa Care Intro Video View live page here: https://www.kasasa.com/care/about-kasasa

VIEW ALL UX / UI DESIGN 3D / 2D DESIGN PRINT HELLO ALICE | CMS HELLO ALICE | WEB APP BESPOKE | KASASA B2C CALENDAR | KASASA B2B PRODUCT PAGES | KASASA TREY KENNEDY X KASASA BTAN SITE REDESIGN GENERATIONAL LENDING | KASASA FRONT END DESIGN | PNM GEN Z | KASASA

< BACK // PAYNMOMIND.US // PAYNOMIND Goal of this site was to create a Windows 95 inspired web-shop. ​ Created in Wordpress using HTML5/CSS/JavaScript ​ Some site features include: - draggable icons - selection marquee - collapsable "windows" Site in progress - view live site here: www.paynomind.us (best viewed in web browser) click below to interact