-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
88 lines (88 loc) · 8.75 KB
/
contact.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<!DOCTYPE html><!-- This site was created in Webflow. http://www.webflow.com -->
<!-- Last Published: Sun Jun 19 2022 15:37:48 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="5fe7ecd4a1e86dfb2d2164d9" data-wf-site="5fe7ecd404bf076b0d4f76de">
<head>
<meta charset="utf-8">
<title>Contact</title>
<meta content="Contact" property="og:title">
<meta content="Contact" property="twitter:title">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Webflow" name="generator">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/webflow.css" rel="stylesheet" type="text/css">
<link href="css/siyang-me.webflow.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script type="text/javascript">WebFont.load({ google: { families: ["Open Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic","Droid Serif:400,400italic,700,700italic","Ubuntu:300,300italic,400,400italic,500,500italic,700,700italic","Merriweather:300,300italic,400,400italic,700,700italic,900,900italic","Lora:regular","Roboto:regular"] }});</script>
<!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="images/favicon.jpg" rel="shortcut icon" type="image/x-icon">
<link href="images/webclip.jpg" rel="apple-touch-icon">
</head>
<body>
<div data-collapse="medium" data-animation="default" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navigation w-nav">
<a href="about.html" class="navi-icon w-nav-link">Siyang Ye</a>
<div class="navigation-wrap">
<div class="menu">
<nav role="navigation" class="navigation-items w-nav-menu">
<a href="index.html" class="navigation-item w-nav-link">Projects</a>
<a href="https://drive.google.com/file/d/1rz5inhxaZCAX3Jnw6q0solmjqkv_lwt0/view?usp=sharing" class="navigation-item w-nav-link">CV</a>
<a href="about.html" class="navigation-item w-nav-link">About me</a>
</nav>
<div class="menu-button w-nav-button"><img src="images/menu-icon_1menu-icon.png" width="22" alt="" class="menu-icon"></div>
</div>
</div>
</div>
<div class="section-1-cover-header">
<div class="homepage-container w-container">
<h1 class="heading">Bidbus Website Design</h1>
<p class="paragraph-8">Responsive website design for a second-hand car selling company </p>
</div><img src="images/cover-bidbus.png" loading="lazy" sizes="(max-width: 991px) 94vw, (max-width: 1877px) 97vw, 1821px" srcset="images/cover-bidbus-p-500.png 500w, images/cover-bidbus-p-800.png 800w, images/cover-bidbus-p-1080.png 1080w, images/cover-bidbus-p-1600.png 1600w, images/cover-bidbus.png 1821w" alt="" class="image-11">
</div>
<div class="section-2-design-challenge wf-section">
<div class="container-2 w-container">
<h1 class="heading-2">DESIGN CHALLENGE</h1>
<p class="paragraph-10">How might we make the social network more inclusive to different voices and opinions?</p>
<div class="w-layout-grid grid-17">
<p class="paragraph-11">
<a href="https://bidbus.com/bid/pc/#/login" target="_blank"><span class="text-span-7">Bidbus</span></a>is a start-up companies that builds a platform to buy in and resell secondhand cars.They want to create a website that is user-friendly for the customers who want to sell their own cars, assuring them with high-quality services, also with competitive pricing.
</p><img src="images/bidbus-icon.png" loading="lazy" id="w-node-_3c977504-cc8b-5485-071b-ac7825740dca-2d2164d9" alt="">
</div>
<div class="w-layout-grid grid">
<div id="w-node-_3c977504-cc8b-5485-071b-ac7825740dcc-2d2164d9" class="text1">THE TEAM</div>
<div id="w-node-_3c977504-cc8b-5485-071b-ac7825740dce-2d2164d9" class="text1">MY ROLE</div>
<div id="w-node-_3c977504-cc8b-5485-071b-ac7825740dd0-2d2164d9" class="text1">Design Lead</div>
<div id="w-node-_3c977504-cc8b-5485-071b-ac7825740dd2-2d2164d9" class="text-2">Siyang Ye - Product Designer<br>Nuoran Chen-Product Designer<br>Joyce Li- Product Designer<br>Starkey Shi- Product Designer<br></div>
<div id="w-node-_3c977504-cc8b-5485-071b-ac7825740ddc-2d2164d9" class="text-2">User Interview<br>Focus group<br>Journey Map<br>Ideation<br>Wireframe<br>Hi-fi Mock up<br>Usability Testing</div>
<div id="w-node-_3c977504-cc8b-5485-071b-ac7825740dea-2d2164d9" class="text-2">Phyllis Liu</div>
<div id="w-node-_3c977504-cc8b-5485-071b-ac7825740dec-2d2164d9" class="text1">PROJECT TYPE</div>
<div id="w-node-_3c977504-cc8b-5485-071b-ac7825740dee-2d2164d9" class="text1">TIMELINE</div>
<div id="w-node-_3c977504-cc8b-5485-071b-ac7825740df0-2d2164d9" class="text-block">03.2021- 07.2021</div>
<div id="w-node-_3c977504-cc8b-5485-071b-ac7825740df2-2d2164d9" class="text-2">Product Design internship</div>
<div id="w-node-_3c977504-cc8b-5485-071b-ac7825740df4-2d2164d9" class="text-2">4.2021- 5.2021</div>
</div>
</div>
</div>
<div class="section-3-1st-design-outcome wf-section">
<div class="container-2 w-container">
<h1 class="heading-2">Design outcomes</h1>
<p class="paragraph-11">Together with my teammates, we made different versions of high- fidelity website homepage design for PC/ tablet/ Phone version within a 2-month timefram.<br>I learned responsive design and the power of grid in UI design.</p><img src="images/微信图片_20211014134659.jpg" loading="lazy" sizes="(max-width: 479px) 100vw, (max-width: 767px) 69vw, (max-width: 991px) 75vw, 740px" srcset="images/微信图片_20211014134659-p-500.jpeg 500w, images/微信图片_20211014134659-p-800.jpeg 800w, images/微信图片_20211014134659-p-1080.jpeg 1080w, images/微信图片_20211014134659-p-1600.jpeg 1600w, images/微信图片_20211014134659-p-2000.jpeg 2000w, images/微信图片_20211014134659.jpg 2304w" alt="" class="image-4">
<div class="text-block-2">Landing page interface design</div>
<div class="columns-7 w-row">
<div class="w-col w-col-4"><img src="images/微信图片_20211014134512.jpg" loading="lazy" sizes="(max-width: 767px) 54vw, (max-width: 991px) 24vw, 233.3249969482422px" srcset="images/微信图片_20211014134512-p-500.jpeg 500w, images/微信图片_20211014134512-p-800.jpeg 800w, images/微信图片_20211014134512-p-1080.jpeg 1080w, images/微信图片_20211014134512-p-1600.jpeg 1600w, images/微信图片_20211014134512-p-2000.jpeg 2000w, images/微信图片_20211014134512-p-2600.jpeg 2600w, images/微信图片_20211014134512.jpg 2880w" alt="" class="image-17"></div>
<div class="w-col w-col-4"><img src="images/微信图片_20211014134704.jpg" loading="lazy" sizes="(max-width: 767px) 54vw, (max-width: 991px) 24vw, 233.3249969482422px" srcset="images/微信图片_20211014134704-p-500.jpeg 500w, images/微信图片_20211014134704-p-800.jpeg 800w, images/微信图片_20211014134704-p-1080.jpeg 1080w, images/微信图片_20211014134704-p-1600.jpeg 1600w, images/微信图片_20211014134704-p-2000.jpeg 2000w, images/微信图片_20211014134704.jpg 2304w" alt="" class="image-17"></div>
<div class="w-col w-col-4"><img src="images/Simple.png" loading="lazy" sizes="(max-width: 767px) 54vw, (max-width: 991px) 24vw, 233.3249969482422px" srcset="images/Simple-p-500.png 500w, images/Simple.png 800w" alt="" class="image-17"></div>
</div>
<div class="text-block-2">Design iterations</div><img src="images/responsive.png" loading="lazy" sizes="(max-width: 479px) 100vw, (max-width: 767px) 69vw, (max-width: 991px) 75vw, 740px" srcset="images/responsive-p-500.png 500w, images/responsive-p-800.png 800w, images/responsive-p-1080.png 1080w, images/responsive.png 1477w" alt="" class="image-4">
<div class="text-block-2">Drafts & responsive website design</div>
</div>
</div>
<div class="section-footer wf-section">
<div class="container-3 w-container">
<a href="index.html" class="button-2 text3 w-button">→ Back to home page</a>
</div>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=5fe7ecd404bf076b0d4f76de" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="js/webflow.js" type="text/javascript"></script>
<!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
</body>
</html>