From Microinteractions to Data Visualizations: Enhancing Web App Appeal

B2B SaaS web app

Accordion Arrow

Edge is an emerging market intelligence platform that empowers corporations to identify strategic opportunities by providing actionable insights into industry trends and partnerships. Designed for decision-makers, it offers tools for tracking emerging startups, evaluating competitive landscapes, and visualizing data for informed strategies. In my role, I contributed to refining the user experience by ensuring the platform's interface was intuitive, creating clean and responsive designs, and optimizing workflows for efficient data exploration. These improvements enhanced user engagement and supported more effective decision-making processes.

2022 - Current
Uzabase (EDGE)
B2B Intelligence Platform
  • Trend Tracking Dashboard: Trend-tracking system analyzing key activities like early funding rounds, partnerships, and product launches to identify emerging technologies. The system includes early indicators of technological trends and will expand with broader datasets and enhanced customization post-beta release.
  • Partnership visualization: Custom color-coded visualization representing corporate partnership, investment, and product development strategies. The visualization includes an interactive competitive comparison tool as well as timeline view for enhanced analysis.
  • Network Diagram: Transformed from the partnership visualization, this network graph serves to identify common partnership strategies among multiple companies and assess relationship intensities. The prototype was developed using the D3 framework.

Data Visualization Prototypes

Accordion Arrow

Pley is a real-time feedback aggregation and insights dashboard designed to help businesses efficiently collect, analyze, and act on customer feedback. Built for decision-makers, it streamlines the process of identifying trends and addressing concerns through intuitive data visualization and analytics tools. I created coded prototypes using JavaScript to test and refine interactive elements and real-time data handling, enabling earlier testing with realistic mockups, smoother transitions into development, and more impactful presentations for customers and investors.

2016
PLEY
Customer feedback management system
  • Feedback Trend Tracker: The combination of line charts and bar charts for average customer feedback score by categories at each store location. The system incorporates alerts on declining trends, triggering notifications to regional managers for timely intervention.
  • Store Feedback Ranking: A straightforward yet impactful bar chart that ranks store locations based on feedback. The prototype was created using a blend of vanilla JavaScript and jQuery, allowing for more realistic user experience explorations.
  • Product design for a POC: Developed screen designs for business owners and investors to refine the business strategy.
  • Creating a Coded Prototype: Crafted a prototype using HTML, CSS, and JavaScript (Angular and jQuery) for UX refinements and clearer explanation of the vision.

Travel Booking Website

Accordion Arrow

Peach Aviation's web app concept was designed to simplify travel planning for budget-conscious users by enabling seamless destination discovery and upselling travel essentials. Through diagrammatic wireframes, I illustrated features like an intuitive calendar view to help users find affordable destinations based on their available dates and a single-page layout that integrated upsell options such as transportation, car rentals, and hotels. This approach emphasized a streamlined, user-centric experience, ensuring all aspects of the journey could be managed efficiently in one place.

2015
Peach Aviation
Strategist / UIUX Designer

Peach Aviation's booking platform was designed to help budget-conscious travelers discover and book flights, offering a fresh perspective to Japanese consumers in a market where the low-cost carrier concept was still new. As a product designer, I focused on creating an intuitive, user-friendly interface that addressed the diverse needs of travelers. Key features included innovative search options tailored to flexible students and time-sensitive business travelers, simplifying the process of finding and booking affordable flights.

teamLab was chosen to propose the booking site for Japan's first low-cost carrier (LCC) and made it to the final selection stage.
A seamless page that maps out the traveler’s entire journey, offering upsells for various items, including seat assignments and rental cars, all within a single view—helping users easily visualize and secure everything they need for a comfortable trip.

Marketing Landing Pages

Accordion Arrow

I have experience designing numerous marketing landing pages that effectively communicate value propositions and drive user conversions, using design tools for mockups or leveraging frameworks like Webflow or WordPress, depending on team structures.

Get in touch

I'm excited to learn about your project.
Let's collaborate to turn conceptual ideas into concrete results.