My expertise is UX design for web & mobile products. One of my top priorities when I design is to enhance user experiences and functionality of a product by creating intuitive, meaningful, and elegant design solutions. I analyze user needs and create aesthetically rich user interfaces for mobile applications and websites.

I also have professional experiences in front-end development. I designed and coded this responsive website using HTML5, CSS3, jQuery, and Bootstrap. The selected works in this website include projects in web & mobile design, graphic and print design, architecture, and short animation.

I enjoy learning new tools and skills. I am easy going, detail-oriented, and passionate about my works. Art and design has always been my passion. When I am not working on digital designs, I enjoy making ceramics and jewelry pieces for fun.
UX METHOD
Ethnographic research, User interview, Competitive analysis, Persona & scenario, Journey mapping, Interface prototyping, Usability testing, A/B testing, Interaction flow map
-
SOFTWARE
Sketch, Adobe XD, Photoshop, Illustrator, InDesign, Dreamweaver, After Effects, Axure, InVision/Marvel
-
PROGRAMMING
HTML5, CSS3, jQuery (basic), Bootstrap (basic), Responsive design, Adaptive design
-
3D MODELING
AutoCAD, Luxology Modo, Rhino/V-Ray, SketchUp, 3D Printing CAD/CAM
Let's connect and share our stories!
You can contact me at info@maricelachan.com
Maricela Chan Design

UX + UI Design | DayPass Web App


Project Challenge

DayPass is a web application that gives users access to hotel amenities. Users can browse and book hotel day passes and enjoy hotel amenities without staying overnight at hotels. Clients were unsure what amenities and features users would be interested most. The goal of the initial launch of the web app is to find out the features users care most so we can cater the design to satisfy users' needs.

Solutions

I work closely with the product manager to define and narrow down major features to launch for user testing. After remote usability tests, we realized that there was a high drop-out rate during check-out. I proposed multiple solutions and redesigned the UX and UI to optimize the purchase process. The project is still ongoing.

Version 1 - Product Purchase page

High drop-out rate during user testing: add payment info is seperated on different screens so users thought tapping "Use Card" button already completed the purchase.



Version 2 - Product Purchase page (optimized after user testing)




Interaction Flow Map (Search - Product Details - Purchase)



My Contributions