OVERVIEW
This is a project Robelf design which I organized and planned, including the related graphic illustration and commercial photography, and prototyped the final solution for the website development.
OBJECTIVE
Web design, visual design, photography
BACKGROUND
Robelf was my first web design project with a team which planned into a crowdfunding product on Indiegogo. In this project, I got the chance to work with other two professionals in charge of marketing and full-stack development respectively. I was responsible for design of all kinds and front-end development. Within a month of time framework, we turned the concept into prototypes and communicate with developing team.
My biggest growth from this project, besides enhancing my design and coding techniques, was the testimony of practical industry. I learned the experience about how to map out a business, make agile progress in a teamwork, and iteratively verified the design strategy thorugh repetitive testing and customer validation.
DESIGN PROPOSAL
I used the below mood board to illustrate that Robelf is a company dedicating to create smart and powerful assistance home robot tools that help better home security and accompany for family. In other words, the visual images and elements of this web design should be friendly, warming, innovative, presentable and engaging, and the storytells related to their home robot product. The product should provide an accessible, intuitive and simple user experience for both children and elders when they interact with the robot.
PRIMARY PAGE DESIGN
The design conception of homepage and team introduction.
RESPONSIVE MOBILE VIEW
This is how Robelf website responsively present on the mobile device page.
MORE DETAILS
Simulation presentation of website detail.
RELATED ICON & ILLUSTRATION
During this web design project, I also devised this roadmap illustration of the robot production process about how we started this idea, drived the hardware and software iterative optimization, refined the robot prototype, and when we accomplished the design to launch on Indiegogo.
PROTOTYPES
I created this interactive prototypes with Framer to present my final design solutions and discussed it with the team. Also, I made a responsive website design to show how it works on smartphones.