Hi, I'm Shu
A UX/UI designer and mobile app developer with 3 years of experience crafting intuitive, visually engaging web and mobile experiences. I focus on user-centric design to bring ideas to life and connect with audiences.
I’m passionate about creating intuitive, visually engaging digital experiences for web and mobile. Focused on user-centric design, I bring ideas to life and ensure they resonate with audiences. Whether launching a new app, revamping a website, or exploring digital solutions, I’m eager to collaborate and deliver impactful results.
About Me
Hello! I'm a digital creator specializing in UX design and mobile app development. With a Computer Science background, I offer a unique blend of design and development skills. I'm always open for freelance and contract work, particularly in web & mobile app design, as well as projects for small businesses like restaurants and local bars. Beyond the screen, I'm an amateur photographer capturing life's moments with my Canon camera. Thanks for stopping by, and I look forward to collaborating with you.
311 Data Website
Powered by Volunteers from Hack for LA
The 311 Data project seeks to empower local Neighborhood Councils to improve the ideation and analysis of their initiatives using the wealth of publicly available 311 data.
Here are the works I designed and/or contributed to for the website:
Finger Movie Case Study
Movie Ticket Purchase App Case Study
Exporting CSV File Feature Case Study
Prototypes for Each Case
Csae 1: Only One Request Type Can Be Selected
Case 2: Unselected NC
Case 3: Unselected NC & Multiple Types Selected
Case 4: Unselected NC and Request Type
Case 5: CSV File Exported Successfully (under construction)
Case 6: CSV File Exporting Error
Design Study #2 Header Redesign
Design Study #4 Address Details Modal
Design Study #3 Redesign the Search Icon
Design Study #5 Move Address Search to Filters Dropdown
Design Study #6 FAQ Accordion 'expand all' Styling (Preparing In Progress)
Sudoku Game Site Case Study (building in progress)
Overview
I built a responsive, single‑page Sudoku web game that lets users play a classic 9×9 logic puzzle directly in the browser. It’s designed to work well on both desktop and mobile, and I implemented all game interaction and logic using modern frontend tools.
Key Feature
Interactive 9×9 Sudoku grid with real-time number entry
Cross highlighting: the selected cell’s row and column are also
Number highlighting: when a user taps/clicks a number, all matching numbers in the grid are highlighted emphasized for easier reading
Other basic Sudoku game features
Responsive UI that adapts to different screen sizes
Design Thoughts
The IA (Information Architecture) illustrates the hierarchical structure of the Sudoku site, showing how primary sections like starting a game, selecting difficulty, and interacting with the puzzle board and controls are organized, along with secondary elements such as action buttons.
Technologies Used
With guidance from ChatGPT on front-end coding, I built the game using TypeScript + React for logic and interactivity, HTML and CSS for structure, layout, and responsive design, and Vite for a fast development server and build workflow.
Challenges & Learnings
First-time managing complex grid state in React, handling responsive layouts, and balancing game logic with UI responsiveness taught me a lot about component design and maintainable architecture. A key challenge was ensuring consistent same-number highlighting across devices, with differences between mobile portrait and desktop/tablet (mobile) landscape, alongside other issues awaiting fixes.
Next Improvements
Conduct UX-focused testing to fix bugs and improve consistency, particularly for the same number highlighting feature across mobile portrait, tablet, and desktop layouts.
Refine responsive interactions and visual feedback to enhance usability on smaller screens.
Optimize code structure and state management to make future feature updates smoother.
Integrate Google Ads thoughtfully to maintain a clean user experience.
Secure and connect a custom domain to strengthen the project’s identity and accessibility.