I design complex things simple.
Log analytics service
LogLogic Unity is the event processing application for machine data. Log data isn't just for security anymore. Log and machine data is being harnessed to provide insight into IT operational efficiencies.
As the UI designer for this project, I have been working closely with IXD to accomplish a great solution for this project. We also set up a good working relationship and process with product team in order to achieve better efficiencies. The visual pattern is the key to make everything goes smoothly and benefits the entire team.
The design of 1.0 was done with a very tight deadline. The goal is about feature completion and refreshing the UI. So at beginning, form PM to design team spent more time on the work flow and the visual design, I tried to make things as organized as possible.
There are 2 main problems we are trying to solve from user's feedback: 1. Spacing and minor interaction(Ease of use). 2.Interaction consistency.
Since it is the key piece of Operational group, I need to make sure all proudcts look consistent.In design 2.0, I worked closely with PM to figure out the branding color for the product.
I also worked on the interaction for source configuration and search feature. Worked closely with lead engineer and PM to get requirements then design the wireframe.
Although the design has been changed quite a lot, but I still documenting the UI patterns through out the process, such as table style, dropdown, checkbox, etc. So the compoments still stays the same thing while its updating. It saves a lot of time for the current and future re-design process.
I got requirements from marketing director and worked with art director to come up with the "Subway" concept. The end result is pretty successful to demo the 3groups of TIBCO products in a simple infographics.
The infographic design is for TIBCO marketing team to demo the product stragetgy, the idea is to show the eco-system of all products.
I worked with the 2 co-founders for this app to figure out the branding and 3 levels of content interaction screens.
Fashion app redesign
The project is redesign the branding of the Fashion iPhone app. The app provides a social platform for fashion designers or followers.
"Try It On" App
"Try It On" App
This project is for parents who want to try on clothes for kids before they physically going to shopping in store.
Instructor: Greiman, April&Slote, Bob
” Try It On ” – Inspired by ” Purikura ”
In Japan, ” Purikura ” is the moniker of a special type of photo booths that produce photo stickers. Still maintaining huge popularity for girls in Japan, it has spread throughout Australia and East Asia to Taiwan,South Korea, Hong Kong, Philippines, China, Vietnam, and Thailand. To have fun with this contraption , girls get together and take a funny expression photo in the photo sticker machine, then they add some funny graphics around the images by the machines or hand drawing. After applying finishing touches, they share pictures to each other as interesting memories.
I was the UX/UI designer for theis project, I spent hours to gather feedbacks from the target audience to make sure this concept is implementable, so I did serveral rounds of user interview, 90% of user are really interested about this app. The deisgn was shown as a clickable prototype, after several rounds of user testings, the final design was exactly finished with user's expectation.
Activespace landing page
To lift the burden of big data, TIBCO ActiveSpaces provides a distributed in-memory data grid that can increase processing speed so you can reduce reliance on costly transactional system.
A high-performance, distributed, persistent, and event-enabled data-grid
To shorten time-to-value, Cloud Bus offers ready-to-use integration packs that connect customer and order information for popular applications like Salesforce.com, SAP, and tibbr. And because it’s a service deployed in the cloud, Cloud Bus delivers full value without a complex infrastructure.
Cloud Bus web design
Cloud Bus empowers you to define your own integrations—or use existing integrations—then deploy them in the cloud or on-premises. With Cloud Bus extended connectivity, you can integrate SaaS applications, social networks, and your on-premises applications in real-time.
Clarity landing page:
Clarity landing page
The landing page is build for the product Clarity by showing the way of parllax scrolling. The goal is to demo the workflow for user since it is brand new product.
Machine data icon set
The icon set design for machine data, the redesign provides the color and new life to the boring terminology.
The motion piece tells the story of Yao Ming who has overcome numerous obstacles, both on and off the court, to play basketball from the good to the great. A tribute to Yao’s NBA journey.
She smiles in the rainbow
The design was inspired by a song, and I tried to visualized it in Photoshop.
1)I created a sequence of cubes in C4D and rendered out for the Photoshop. I used ” Liquefy ” tool and tweaked the alpha channels of the images of cubes. The goal is to create some abstract shapes to match the serene photo and to form an unconventionally intriguing style.
Experimenting Photoshop with Cinema 4D to create an intriguing digital imaging.
2)Created a montage by fracturing a scene into many pieces. Select and cut pieces and jump them to a new layer —then ALTER those pieces. Tried distorting them, re-coloring them, overlapping them, re-combining them, changing opacities, then adding drop shadows to separate and get things to PoP!
The illustration that shows the hometown where I grew up. It is Hangzhou which is famous for a Lake named West Lake.
The bubble girl
The storyboard for describing a battle between bubble girl and machine enemy.