Sharp + Wet

The first thing that came to my mind when I learned about this week’s homework assignment was a cave with pointed stalactites dripping water down. Therefore, I divided my canvas into half so the upper part could present the sharp triangle-shaped stalactite and the lower part would be the wet surface that receives the water drops.

I think for loop and bezierVertex() would be a great tool combined to create ripples that portray the “wet” water, so I started with trying to make the original loop. bezierVertex() is more helpful than ellipse() here because you can work on the perspective and create more realistic ripples. After I finished the first loop, I did some calculation and experiments and used a for loop to multiply and magnify the ripples. Forgot to mention: I used a translate function to move the center point of my drawing into the center of my canvas so I didn’t have to think too much about each point’s coordinate.

Then I moved on to the upper part of my canvas. I used a simple rectangle to cut the canvas in half to create some structure, a simple triangle, and added two ellipses as water drops to make the image more lively. This is what I got:


I liked it because it’s symmetric and futuristic to some extent, and I didn’t like it because it’s symmetric and futuristic. If it looked a bit like an explosion in the space to me the artist, I can imagine how not likely other people could see the words “sharp” and “wet” from this. Therefore, after some thoughts, I switched the whole image to the right a little and added two more triangles to create some dynamics to the upper half of the canvas. This is my final product:

While I’m happy with what I have, I think there’s one thing I could’ve done better. Most of the values in this programming design project were randomly given by me. I basically drew this picture with some codes. This means this image is very fixed, and I would need to update almost every line if I want to change the canvas size. I believe I will need practice in being more mathematical and being more conscious about the ratios instead of the actual sizes of shapes when designing.

Here is the link to p5 Web Editor:

Response to Paul Rand

At the beginning of this reading, Paul Rand pointed out a problem with the development of museums that they isolate art from where it should be. According to him, art comes from and should reside in daily life, such as in the bedroom, in the kitchen, etc. This opinion had me thinking about a modern issue of performativity in visiting museums. Nowadays some people go to museums not to appreciate artworks, but to take pictures with them for Instagram or to display their exquisite taste in art. Different from many people, I don’t consider the performativity in visiting museums such a terrible thing. I consider it a modern method of recreation of the artwork exhibited. It might not be the artists’ intention for their pieces to become the structure or background of someone’s photographic work, but does that necessarily harm the value of the original art? Also, taking pictures with art in a museum is essentially another manipulation of form and content, and according to Paul Rand, it’s a part of the design process as well. I wonder what other people think.

Ice Cream Cone

In my opinion, one advantage of programming designs is that it saves a lot of time when we want to create patterns or textures. Therefore, for this homework assignment of making an ice cream cone, I decided to primarily work on the cone. It was very intuitive to think of grids at first, but I thought it would be a bit too ordinary and boring, and I had to make my triangles or rectangles transparent, which I wasn’t sure if it broke the rules.

Weaving was the second idea that came to my mind and the one I decided to go with. After roughly drafting the image on a piece of paper, I placed my scoop of ice cream a little above the middle point of the canvas, and used a for loop to iterate the “weaving”. To be honest, I didn’t have an idea of how to weave, so I played with the codes and finally developed this version. Then I increase the stroke value of the circle to create the halo/backdrop. I didn’t give the ice cream any pattern because I was afraid the frame would be too messy.

Link to p5 Editor:

This is my final product:

Design System Example

(Apologies for the image if it’s still not rotated to the right as you’re reading this post… I’m having trouble editing this picture)

To buy folders for the new semester, I went to the Muji store nearby and these desk organizers caught my eyes. They are a variety of sizes of boxes and trays, yet carefully designed so any two or more of them can fit perfectly together when being assembled. As customers, we could bring home a few of them according to our needs, and whatever we choose, they will look harmonious and sleek together on our desk. Just like what we’ve read in Programming Design System, “the system is both simple and flexible, and it has room for an almost infinite number of designs“. I really appreciate the systematic design process this series of products has been through and the room of creativity it leaves us.

Individual Reflection

It has been an amazing journey. Initially, I proposed the idea of an attachable shoe bag because I myself experienced the inconvenience of carrying my gym shoes around a lot, and I was so glad that Mari also became interested and we could further develop the idea. I also feel so gratified to witness our little “babies” coming out.

Mari and I made a great team as we are both self-motivated and we made equal contributions throughout the production process in different ways, such as I focus more on the practicality and Mari is more concerned with the appearance, and I was mainly in charge of Chinese conversations and she mainly English. We purchased quite a few items from Taobao and went through many comparisons and discussions. After we selected the final concept and used Tinkercad to sketch our first 3d model, Mari created an improved and polished version with Fusion 360. Meanwhile I started to contact vendors on Taobao in search of potential partners to outsource our design.

The existence of Taobao is one of the greatest things about making in China because there is such a big variety we could refer to and for each item we pick, there are usually many other similar goods with more competitive prices or credibility so it’s very convenient to find the best deal. It is also one of the worst things because of the exact same reason. The market is very competitive and most vendors are doing small profit business, therefore it was really difficult to get them disclose any information on their sources and invest time in a partnership with us.

After several attempts, we moved on to Alibaba. This time Mari was majorly in charge of the negotiations, and luckily we received many positive feedbacks and were able to narrow down on two factories in the end. We examined the samples they send us and decided to work solely with Roy. Mari passed the conversation with Roy to me because we thought talking Chinese would be more convenient for both of us. However, we later sensed Roy’s attitude became slightly sloppy, probably because we were using our mother languages and became less formal.

One important skill we both learned from working on this project was how to communicate. We practice drafting English messages/letters for Alibaba together, and I always explained and discussed with Mari about the Chinese conversations I had on Taobao or Wechat before responding. We found that although we had a rather clear idea in our mind, there could still be difficulties to realize it from time to time due to inefficient communication. I think it’s also because of the less formal way we’ve been communicating with our partners that sometimes we have to repeat and reassure that our messages come across. The journey isn’t over yet as the third batch of samples with 2 sizes to choose from and more ideal straps are on their way. I am looking forward to them!

(Here are some of the conversations I’ve had:

Our tag person isn’t very patient…

Not quite hospitable either…

Mari and I were surprised by how the logo turned out

So the next time we learned to do double check



Final Documentation

  1. Mission statement: Offering simple alternatives to maintain an active lifestyle.
  2. Description of product: Yidai is an attachable shoe bag that can be easily clipped on onto any backpack. With the addition of two straps on either side of the bag, it can serve multiple purposes. When its straps are expanded to their maximum length, Yidai can be worn as a side bag. It can also be used as a fanny pack if needed.
  3. Bill of materials

The following is our BOM if we had chosen to produce our bag on our own. As can be noted, the total price per each bag would approximately be 65RMB. After pondering upon this amount and communicating with possible suppliers in terms of the cost for each bag, including our customizations, we established that it would be more economical to order the bags instead of producing our own.

Cost per unit for an order of 1000: 8.6RMB

Cost per unit for an order of 10000: 6.8RMB

4. Suppliers/partners: The part of the process that turned out to be the most crucial in the development of our product was that of contacting possible suppliers and obtaining a quota with our specifications. We started contacting possible suppliers through Taobao first. However, the suppliers showed little interest in disclosing information regarding their sources, so we turned to Alibaba instead. We then searched for suppliers in Alibaba that sold shoe bags similar in appearance to the one we envisioned, to ease our communication and minimize the number of customizations. We contacted about ten different vendors, describing how we were interested in collaborating with them to create our own, customized bag. When communicating with them, we showed them our 3D models, our specifications in terms of shape, size, and other features. We ultimately narrowed down our suppliers to two different factories: Toolya Accessory Co., LTD and Xiamen Relink Imp. and Exp. Co. Ltd. We ordered a sample from both and after further examination decided to work solely with Toolya Accessory Co., LTD. After obtaining the sample, we discussed with our contact from that factory through WeChat and requested several changes to our initial sample, including the addition of our logo. Even though further changes are needed, we are positive about our partnership with Toolya Accessory Co., as responses from them are always punctual and cooperative.

We decided to use the most minimal of packaging. As such, we chose to use simple paper tags. Similar to the previous process, we finally obtained a reliable supplier on Taobao. Overall, since both of these suppliers are dependable, the sustainability our bag’s production in the future is secured as well.

5. Narrative of the journey 

The process of producing our bag was an arduous but gratifying one. Along the process of designing our alpha prototype, we had invested a lot of time considering the possibility of making our bag expandable and retractable. However, after talking to our peers and getting feedback from Nicolas Cinguino, we decided that establishing our own mechanism to create an expandable bag would be more retrograde than helpful. As such, we decided to focus on our original idea, which was that of simply having two straps with fasteners on either side of the shoe bag. After creating our alpha prototype based on our Fusion 360 sketch, we proceeded to establish our product specifications and even went to a fabric market to obtain possible prices for individual units of fabrics, zippers, and straps. However, we decided that it would be better to rely on suppliers instead of obtaining the different materials ourselves. After that, we went through a long process of contacting suppliers through both Taobao and Alibaba, as mentioned above. To our pleasant surprise, our final suppliers were incredibly disposed and reliable, responding promptly to our new requests and inquiries. After getting our first samples, we handed them out to several students, using their feedback for improvements in further iterations with the suppliers.

Our alpha prototype, which consisted of sewing an extra strap onto one side of this bag, which we bought on Taobao.

Final concept created in Fusion 360

A not so ideal sample we got from one supplier


First version of our Yidai sample

The final stage of this process pertained to its marketing. Given the simple nature of our product design, we focused a lot on our branding. After reflecting on our potential customers, specifically the NYU Shanghai community, we decided to give it a Chinese name while including its pinyin in the logo. We also created a website, whose QR code was included in our showcase poster, to obtain feedback from potential customers. Describing our partnership with a local factory also added to our credibility and to the appeal of the product, especially since it was produced based on our original design.  Fortunately, most of the feedback we obtained was positive, and people showed interest in potentially buying our product if it were a possibility. Despite this, we noticed several limitations that still should be improved upon if the project were to be carried out on a larger scale. Firstly, a wider variety of sizes should be considered, as well as a more varied length of straps to contribute to the versatility of our product. Given the time limitations for our logo design, further improvements regarding its presentation could also be done. With more time, we would also consider different fabric options to make the bag more breathable.

4 Predictions

Tencent launched new user interface for Vechat

Since Vechat, the vr version of Wechat, was released, Tencent has been working on improving this first-of-its-kind software. It finally made some significant progress in the beginning of this year and is now launching a brand new user interface that provide easy access to users of all ages and previous experiences.

shanghai police department cracked China’s biggest vr tour scam in history

Scams have been tagging along ever since the concept of VR tourism was developed. Despite its immaturity and lack of governmental control, there are people willing to pay a fortune to get a taste of this newly developed technology. Earlier this month, Shanghai Police Department cracked a 100 million rmb scam with the help of XXX and XXX, shocking the entire nation.


A new legislate department dedicated to ar/vr related affairs is set up to provide constitutional support to the booming vr industry.

Ar glasses first allowed in 8 experimental gaokao sites

As ar technology gradually enters our life, minister of national education announced at Monday’s press conference that 8 Gaokao sites in Zhejiang, Jiangsu, Shanghai, Fujian, and Beijing were selected as experimental sites that allow students to bring in ar glasses along with calculators. It is a big step the nation takes in normalizing ar technology, said the minister.

Concept Selection + Schedule

Below are the two low-rez prototypes we made. They were made of paper and tapes, and meant to experience possible ways of expansion for out bag. The slight difference between these two is the structure of the first one is more similar with that of the expandable water bottles we purchased, and the second one is more like a coin purse with a clasp.

Uncertainties and questions:

  1. Customer needs: Do our customers want a bag that could be expandable? (Plan of action: interview)
  2. Functionality: Which one of these two structures, or maybe other mechanisms, would be the optimal option for our bag, considering our skeleton + fabrics wrapped over design? (Plan of action: experiments)
  3. Materials: What materials will we use to form the skeleton, and what fabrics will we use to wrap the skeleton? (Plan of action: research and experiments)



And here is our schedule:

Customer discovery profiles + questions


Enhanced User Stories:

As our target customers are nyu shanghai community members who face the hassles of carrying shoes around to school/work and in the commute, here are two customer profiles we’ve created:

Customer 1: Daniel, NYU Shanghai student

  • Used to staying active – 2 football practices per week and gym 1-3 times a week
  • Lives in jinqiao residence halls
  • Often mobikes to school
  • Doesn’t have a locker
  • Story: It’s a Wednesday and Daniel has a football practice after class today. He stuffs his football clothes into the backpack, and puts his football shoes into the shoe bag and then attached it to the backpack. Because the weather was great, Daniel decided to mobike to school. Thanks to the attachableness of the shoe bag, Daniel doesn’t have to put it into the mobike basket and worries if it would jump out during the ride. At school, Daniel carries his football clothes and shoes around to classes and is barely aware of the weight. He goes straight to Yushen stadium after his last class and joins the football practice. It’s been a good day.

Customer 2: Tina, NYU Shanghai Administrative Officer, 31 years old

  • Walks to AB every working day in a pair of sneakers
  • Prefer to wear formal shoes at work
  • Goes to grocery shopping every day on her way home
  • Story: Tina’s best friend is coming to town and staying at hers, so Tina would like to welcome her with a big home-made meal. On Friday morning, Tina slides into her sneakers and put a pair of short heels into the shoe bag and attaches it to her tote bag, in preparation for guests from Shanghai education department that will visit the school in the afternoon. After a 20-minute walk, Tina arrives at her office. She then changes into the heels and starts the day. After a day of hard work, she changes back to the sneakers and goes to a nearby market to do some grocery shopping. Thanks to the attachableness of the shoe bag, Tina doesn’t have to carry another bag in addition to all the heavy plastic bags she has on her hand already.


User Interview

My target user will be?

NYU Shanghai community members (specifically students who like to stay active)

The problem my user wants to solve is?

Brings shoes to school without carrying a sport bag, to avoid the hassle of bringing all their clothing while commuting.

My user’s need can be solved with? 

An alternative means of carrying their shoes.

Why can’t my user solve this today?

The rigid bags with a shoe section aren’t practical

The measurable outcome my user wants to achieve is? 

Have less of a hassle when commuting.

My earliest, most visionary adopter will be?

Students in NYU Shanghai.

My primary competition will be?

Drawstring backpacks

Sports bags with compartments/more breathable material

I will beat my competitors primarily because of?

Our shoe bags attach securely to backpacks, have adjustable straps, and are visually appealing.

My biggest technical or engineering risk is?

How well the bag fits and adjusts to the button of different backpacks

What assumptions do we have that, if proven wrong, would cause this product to fail?

People prefer to carry a sport bag instead of stuffing gym clothes in their backpacks.

Shoes are the main component that makes commuting a hindrance with their gym clothes.

Journal 7: Sustainability Review

For our product, we bought a few shoe bags from taobao. Below is a black one that’s made of nylon and designed for portability. It arrived folded in half and packed in this plastic bag.

At first sight it looked nice. It was packed thin and neat. However, I still found the plastic bag a little redundant and environment-unfriendly, so I came up with another way this bag might be packaged:

It can be folded more times and wound by the side handle. In this way it looks even more portable and can be easily delivered in a small paper box instead of another plastic kuaidi bag as how it came. I believe we can apply this to our final product as well.