Pepper is a robot launched by Hon Hai Precision Industry Co (one of the big tech companies in Taiwan) subsidiary Perobot Co Ltd. It provides extra automatic services for business clients to their customers, such as the introduction of products, mapping service of department stores, and so on. Pepper can cooperate with different professional fields with its initial application. For example, in financial fields, most banks rent Peppers to assist them to collect service feedback and introduce different kinds of financial work to their customers.
Tech used: HTML5, CSS, JavaScript, SVG, Canvas, jQuery, Bootstraps, Vue.js, Responsive web design, Cross-browser Compatibility Testing, Mouse Scroll Animation, 2D animation
Intense Deadline: 3 months
Online Website: Link
In this startup company, I developed this website with one UX designer and frontend engineer, a backend engineer and a PM in customer's company in a tight deadline for 3 months. Since the customer has a high standard I had to finish it before their product launch. I worked closely with an external marketing project manager, an internal project manager, a graphic designer, and a back-end developer. We worked with fast-paced and communicated among others back and forth. The biggest challenge was focusing on every single details of design including how to present the best function and angle of the robot, the color of product, how users can interact with the robot on the websites (motion graphics), and user experience in responsive web design across portable devices and browsers. I designed each prototype for the version of the computer, pad, and mobile. During the developing process, we followed CIS in Perobot and transformed the information they provided into visual user interfaces. We also borrowed one robot to familiar ourselves with its features and functions with applications. This helped us comprehend more with this product and interacted with this robot. To represent its diverse applications on the website, we discuss using SVG animation with JavaScript to make Peppers more humane and more closely to users. A designer and I communicated with each other on Sketch and Zeplin, revised our design again and again.
Wee aimed to represent unique characters for Perrot with clear, smart, and humanity when users browse the website. For a low fidelity was not allowed, so I only open to share the high fidelity user interfaces that also on the website.
Main color:
Web design in computer
Comments