-
Notifications
You must be signed in to change notification settings - Fork 1
/
inspo.html
313 lines (246 loc) · 30.4 KB
/
inspo.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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
<!DOCTYPE HTML>
<!--
Phantom by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Inspirational Designs</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
</head>
<body>
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<div class="inner">
<!-- Logo -->
<a href="index.html" class="logo">
<span class="symbol"><img src="images/logo.svg" alt="" /></span><span class="title">Wedding Planning</span>
</a>
<!-- Nav -->
<nav>
<ul>
<li><a href="#menu">Menu</a></li>
</ul>
</nav>
</div>
</header>
<!-- Menu -->
<nav id="menu">
<h2>Menu</h2>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="projectbrief.html">Project Brief </a></li>
<li><a href="consentnarrative.html"> Consent Narrative</a></li>
<li><a href="inspo.html">Inspirational Designs</a></li>
<li><a href="needsanalysis.html">Needs Analysis</a></li>
<li><a href="designdevelopment.html">Design Development</a></li>
<li><a href="heuristicevaluation.html">Heuristic Evaluation</a></li>
<li><a href="designrefinement.html">Design Refinement</a></li>
<li><a href="formalusabilitytestdesign.html">Formal Usability Test Design</a></li>
<li><a href="finalrefinement.html">Final Refinement</a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<div class="inner">
<h1>Inspirational Designs</h1>
<h2><strong>Pinterest</strong> | Casey Alvarado</h2>
<p>
Pinterest is an inspirational website for our future designs. We chose Pinterest because, through user research, we discovered that many brides currently use Pinterest to collect inspiration for their weddings. Therefore, if we design a product in the inspiration collection space, we would use Pinterest as inspiration because it is already familiar to our users. Pinterest allows a user to aggregate all of their inspirations on one board, like mine shown below. <br>
<span class="image main"><img src="images/Pinterest-1.jpg"> </span>
Each item on my board is a result from me searching through the general wedding board, reading the articles I found interesting, and then “pinning” or saving interesting articles to my weddings board. The widths of each piece on my board are the same size, giving each piece equal weight when my eyes scan the board from left to right. The heights of course, are not the same size because each article is a different size. The uneven heights gives Pinterest boards a “scrapbook” or “notebook” feel because random thoughts written in notebooks are never in straight lines. We would borrow a similar collection process and display board. We would add more functionality to Pinterest. For example, a user could search for “caterers” on our interface and all of the wedding caterers in the area (customizable) would pop up. Caterers could upload pictures of their work from previous weddings, their menus, their prices, and their schedule. The brides could then go through our interface to browse the different works of many caterers, evaluating each one on presentation, price online, and contact a caterer if the caterer meets all of their criteria. Currently Pinterest has a messaging system where a user can message their friends. <br>
<span class="image main"><img src="images/Pinterest-2.jpg"></span>
We would not want to borrow this feature because the caterer might not necessarily be “your friend”. Instead we would want to add the option to message a caterer on a board. We would want to use a similar collection mechanism and board layout as Pinterest, but add more functionality so that brides and grooms can, in addition to collecting their ideas, also find services for their wedding.
</p>
<h2><strong>Airbnb</strong> | Annabel Consilvio</h2>
<p>
<span class="image right"><img src="images/air1.png"></span>
The similarities of a wedding planning interface and a room renting app might not be immediately relevant, but in both cases the user is typically in a vulnerable position and is looking for an encouraging and easy experience. Therefore, we can learn a lot about how to design a welcoming, reliable app from Airbnb’s interface and user experience.
To begin with, we can look at the way Airbnb creates a highly customizable search engine for their properties, which is something that could be applied to nearly every industry in which someone planning their own wedding interacts. If you absolutely need white roses for your wedding with 200 people on the 21st, a few small changes to the fields Airbnb has developed could help you find all of the possible florists in the area. The search function also allows you to filter by price range, which is particularly helpful for a bride or groom-to-be planning their own wedding as it helps them keep to their ever important budget. <br><br>
Additionally, we can look at how Airbnb deals with information hierarchy on one of its home pages. Specifically, the price breakdown on the side of the page gives the user a sense of security and confidence because it is clear exactly what they are paying and why. There are no hidden fees that suddenly pop out after you start the booking process-- everything is out in the open from the first time you enter the page, which improves the overall experience for the user. Wedding planners have a tight budget and a lot of their decisions are made around how much can be spent on what, and this kind of clarity is something that would be important (and appreciated) in a wedding planning app because it empowers users and gives them all of the information they need in a succinct, clear manner.<br><br>
<span class="image left"><img src="images/air2.png"></span>
Bringing two perfect strangers together to share a home for a night is a difficult job, but with their website, Airbnb has managed to not only create a sense of security for both the renter and rentee, but also perfect the interactions of the site to encourage a level of trust between the two parties with a variety of features. First, Airbnb allows for in-app communication between the two parties, which is important because it feels more secure and separated from people’s typical forms of communication like text and email. The in-app conversations also allow for a level of non-commitment on behalf of the planner (or rentee) because the interaction is more informal. If the planner finds out something that they don’t like, ending an online conversation is a lot easier than trying to transition out of a potentially more formalized partnership. Since wedding planners are often trying to decide between multiple vendors for the same thing, this amount of flexibility is important to them.
<span class="image right"><img src="images/air3.png"></span>
Finally, Airbnb’s superusers feature could be integral to the lives of wedding planners. The features allows for property posters with high reviews to be marked with a special badge and therefore promotes a greater sense of trust with these specific posters. Having this kind of confidence and trust in a potential vendor is an important part of planning any wedding, which is why professional wedding planners often have partnerships with specific vendors. These community based reviews could really empower people who are planning their own weddings and help support them in making the right decision for them.<br><br>
Although Airbnb does a lot of things right, there are a few things on their site that would be less applicable for a wedding planner. For example, Airbnb allows posters to take their own unprofessional images of their spaces, which works for something more casual like Airbnb, but probably would not for a more formal event like a wedding. Planners want to be confidant that what they are purchasing will look beautiful on their big day, and having dimly lit and often pixelated photos does not encourage that kind of confidence. </p>
<h2><strong>Wedding Wire</strong> | Patrick Huston</h2>
<p> WeddingWire attempts to offer a full solution for creating a comprehensive to-do list, keeping track of budgets and guest lists, connecting users with vendors, and offering creative inspiration. From our research into services and apps in this space, WeddingWire came through as one of the best solutions for its combination of design, usability and functionality. While we have several key gripes about the user experience of WeddingWire, we believe some components would serve as good inspiration if we go down the route of an all-in one planner/todo list/wedding calendar manager.
<span class="image left"><img src="images/weddingwire_1.png" style="width:275px"></span>
When users enter the app and enter relevant background information on their wedding, they are initially presented with a pre-configured to-do list (see left). This todo list contains items one might expect for a traditional wedding, but I can’t imagine this specific list would fit to all weddings. Navigating to the full todo list from the main countdown screen, the user is presented with a huge list of relevant tasks - literally hundreds. My initial reaction to this was negative - I was simply overwhelmed with the sheer amount of tasks recommended for me to do. The user can, however, edit this list as much as they please. We firmly believe this notion of ‘editability’ or ‘configurability’ would be key to our design, and if pursuing a todo-like organizer, we would make several key changes. First, we’d narrow down the initial list to a more manageable size, perhaps even encompassing categories with a few example todos inside. The user would then be able to add their own custom tasks from the get-go (with smart suggestions), allowing them to configure their own timeline and maintain more control over the process. <br><br>
Another major feature of WeddingWire is the interface connecting users to vendors for common wedding needs - photographers, bands, caterers, etc. The idea and execution of this interface is really impressive - WeddingWire has done a great job of curating a big list of good vendors for just about anything you could imagine. This curation is key in creating the compelling interface, and we would certainly take some cues from WeddingWire in this area. The presentation, however, could be improved. Screen real estate isn’t used very effectively, and some filtering criteria that may matter to users is missing - price, for instance.
<div class="box alt">
<div class="row uniform">
<div class="4u"><span class="image fit"><img src="images/weddingwire_2.png" alt="" /></span></div>
<div class="4u"><span class="image fit"><img src="images/weddingwire_3.png" alt="" /></span></div>
<div class="4u$"><span class="image fit"><img src="images/weddingwire_4.png" alt="" /></span></div>
</div>
</div>
Some functionality of WeddingWire isn’t as polished, and it sort of feels like it was just thrown into the mobile app for the sake of including it. In the case of the guest list, instead of designing a mobile interface for managing the guest list, a webview was half-assedly thrown in, simply offering a mobile browser view into the web interface. It’s slow, clunky, and hard to use. This is one of the major pitfalls we’ve seen again and again in wedding planning UX: the web is prioritized first, some functionality is created for mobile with new, mostly intuitive and snappy interfaces, and the rest is just thrown in there as an extra. We hope to avoid this when creating our interfaces - everything presented to the user should be intentionally designed, not just added for the sake of extra functionality. Even if we have fewer features, this is a trade-off we feel is important and reasonable to make.<br><br>
Conclusion: WeddingWire represents one of the best solutions for an all-in-one wedding managing app. In general, the web interface seemed to receive more attention from designer, while the mobile app was somewhat of an afterthought with less intention put into the UX. From using WeddingWire, we learned that more features for the sake of more features isn’t always better. For our learning, we hope to focus on a specific pain point of the process and make critical, thought-out UX experiences there. <br> </p>
<h2><strong>Wedding Mapper Guest Manager Seating Chart Tool</strong> | Zoher Ghadyali</h2>
<p>
Similar to WeddingWire, Wedding Mapper is a website designed to be your all-in-one wedding planning aid where our users can create accounts, input all of their events, research and contact venues and vendors, and use a suite of online tools.<br><br>
We decided to focus specifically on one of these online tools that we didn’t find in a lot of the other inspirational designs we researched which is the Guest Manager Seating Chart tool. This tool, shown below as a demo, allows the user to create a top-down view of their event with special areas defined by gray rectangles and tables as blue circles with the guest list on the right.<br><br>
The user can then drag names from the guest list onto seats at the table. When the user performs this action, if the selected guest is part of a party, a dialog pops up asking the user if they would like to seat the whole party at this table, as shown below.
<div class="box alt">
<div class="row uniform">
<div class="6u"><span class="image fit"><img src="images/seating_chart_1.png" alt="" /></span></div>
<div class="6u$"><span class="image fit"><img src="images/seating_chart_2.png" alt="" /></span></div>
</div>
</div>
If the user hits OK, the entire party is seated at the selected table and the user can continue to rearrange the guests in the party as they please. Moving an individual member to a different table brings up the same dialog shown here.
If the user hits Cancel, then only the selected guest is seated at that table. After hitting OK, this is what the seating chart now looks like.
<span class="image main"><img src="images/seating_chart_3.png"></span>
So this tool does something that we did not find commonly in our research of wedding planning interfaces and it does so reasonably well. Some good design decisions that I think would be relevant if we were working on a better interface to solve this problem are the ability to completely customize the top-down view of the event. Users can add tables, change their shape, change the number of seats, and position them freely in addition the gray rectangles which represent special areas like the buffet table and the DJ. <br><br>
The dialog that prompts the user to seat the entire party at the table that the individual guest was seated at is valuable as a time-saver and, in fact, could be taken even more extremely to make the default behavior seating the whole party at once and then only raising a dialog when the user elects to seat individual members of a wedding party at different tables.<br><br>
This seating chart tool is designed to integrate with Wedding Mapper’s RSVP management tool which greatly simplifies inputting the guest list. However, in creating my own account at Wedding Mapper, I was unable to create a seating chart without first setting up the RSVP tool and this means we do not get any insight into more creative and robust ways to import the user’s entire guest list in our own design.<br><br>
In addition, some worse design decisions with this tool, are that the user must mentally keep track of which guests can and cannot be seated next to each other and their relative importance in regards to how close their table should be to the bride and groom. Guests just appear as elements in a list on the right side of the tool and there is no way for the user to annotate them or make the guest list more useful. Family could be ranked at the top of the list, for example, and a dialog could be raised if the user has seated two guests who were previously marked as unable to be sat next to each other for whatever reason. <br><br>
In dealing with these constraints, I wonder whether or not this tool provides too much autonomy to the user. The tables could be created automatically, taking into account, for example, mutual Facebook friends, and the constraints of relative importance and who can’t be seated together. The user would then just have to position tables as a whole, instead of individual guests, which would simplify this tool and decrease the amount of time they would have to spend on the seating chart.</p>
<h2><strong>Mint</strong> | Christina Gee</h2>
<p>Mint is an application that allows you to create budgets, pay bills and track your credit score. While the app does not tailored towards wedding planners, it can be used by wedding planners to help project budgeting costs and keep track of expenses. <br><br>
One of the reasons why Mint is a noteworthy design inspiration is because manages to take long list of expenses and simplify them to create spending categories and visuals of your expenses over time. A key visual on the Overview page is the Spending chart that maps out where you have spent the most money by category. This can be particularly helpful to a wedding planner when they are first planning their wedding expenses to understand where most of their costs are being allocated to and trying to find ways to reduce those costs whenever possible.<br><br>
The app provides an intuitive way to set up budgeting expenses by creating pre-made budgets based on the amount of money in your bank account. It is able to read your bank account transactions and automatically place each transaction into a spending category - a key automation feature for wedding planners. Assuming there was a credit card dedicate just to the wedding, the wedding planners would not have to look through their bank account and categorize each item in an excel spreadsheet because the app would automatically do so for them.
<div class="box alt">
<div class="row uniform">
<div class="4u"><span class="image fit"><img src="images/Mint1.png" alt="" /></span></div>
<div class="4u">
<span class="image fit"><img src="images/Mint2.png" alt="" /></span></div>
<div class="4u$"><span class="image fit"><img src="images/Mint3.png" alt="" /></span></div>
</div>
</div>
In terms of design inspiration, Mint creates a clear visual of how much money you’ve spent per category and has a noteworthy color scheme where green indicates the budget is going to according to plan, and red indicates that you are over the budget limit. Furthermore, you can tell how close you are to meeting that monthly budget on a daily basis based on the grey ticker. By clicking on an intuitive edit button, users are able to see their spending history for that particular category over the past 6 months and can adjust the budget for that month to their desire. This feature is particularly important to users planning their own weddings because they value being in control.
<br><br>
If we were to create a budgeting app more focused on wedding expenses, there should be a way of being able to rearrange the budget categories based on the category spendings that are most important to the wedding planner. Mint does a great job with thinking about the informational architecture and providing an overview of the total budget expenses at top, but it appears that the category lists are just alphabetically and not based on categories that way over budget, or most important to the user. Furthermore, rather than pulling from past transactions and creating a pre-set budget, the planner would either have to indicate his/her budget or adjust the budget based on an average wedding budget. After speaking to one of our interviewees, the latter might be a better option since wedding planners are not often times aware of what is a reasonable amount of money to spend per category.
<br><br>
The budgets in the wedding app would probably not be fixed on a monthly basis, but rather an total amount. And furthermore, there could even be a way to identify categories that the wedding planners should look into cutting down first (for example, finding a different florist may be easier than trying to find a different venu because there are more variables involved), and the wedding app could become a smart planner that recognizes areas of improvement based on key categories the wedding planner prioritizes.</p>
<h2>Other options</h2>
<ul>
<ul><h3>Do It All Wedding Apps</h3>
<li><a href="https://www.weddinghappy.com" target="_blank">Wedding Happy</a>: an iPhone application to manage wedding planning tasks and vendor information from an iPhone or iPad.</li>
<li><a href="http://www.appycouple.com" target="_blank">Appy Couple</a>: Website/app creator for your specific wedding, includes lots of organizational details including addresses, RSVPS, etc</li>
<li><a href="https://www.weddingwire.com/" target="_blank">Wedding Wire</a>: Free to use, the app contains to-do lists and a date countdown, but it also lets you search through and contact over 200,000 reviewed vendors and venues. Users can also cruise through real wedding galleries for inspiration, and connect with other couples for tips and advice.</li>
<li><a href="http://caratsandcake.com/" target="_blank">Carats & Cake</a>: Beautiful aesthetic, gorgeous scrolling and perfect pictures but slow response time. Difficult to navigate and understand and advertises vendors, but you can’t contact any</li>
</ul>
<ul><h3>Venue Apps</h3>
<li><a href="https://eventup.com/venues/boston-ma/?budget=14000&capacity=160&capacity_type=seated&page=2&seed=375" target="_blank">EventUp</a>: Find unusual venues where you live (some are wedding relevant, some are not)</li>
<li><a href="http://www.wedding-spot.com" target="_blank">Wedding Spot</a>: Helps people find venues for weddings</li>
<li><a href="https://www.airbnb.com/" target="_blank">Airbnb</a>: For venues, ratings, reviews</li>
</ul>
<ul><h3>Photo Apps</h3>
<li><a href="https://wedpics.com" target="_blank">WedPix</a>: Photo sharing app for weddings, kinda like Instagram</li>
</ul>
<ul>
<h3>Wardrobe Apps</h3>
<li><a href="https://www.weddingtonway.com" target="_blank">Weddington Way</a>: Dresses and accessories for brides and bridesmaids</li>
<li><a href="https://itunes.apple.com/us/app/wedding-lookbook-by-knot-wedding/id362763144?mt=8" target="_blank">WeddingLookBook by The Knot</a>: Search for the hottest wedding dresses - from beautiful ball gowns to modern mermaid styles. Get listings of wedding dress salons that carry the dresses and designers you want to try on. View gowns for the bride, bridesmaids, mother of the bride and flower girl by style, shape and price. Browse engagement rings and wedding bands for all the latest. Browse and buy accessories to match your day-of look. We show you customized wedding dress recommendations based on your favorites.</li>
<li><a href=" http://www.beau-coup.com/table-decorations.htm" target="_blank">Beau-Coup</a>: Wedding decorations and accessories</li>
</ul>
<ul>
<h3>Food Apps</h3>
<li><a href="https://www.yelp.com/search?find_desc=catering&find_loc=Boston%2C+MA&ns=1" target="_blank">Yelp</a>: can search for caterers and read reviews in your area</li>
</ul>
<ul>
<h3>Floral Apps</h3>
<li><a href="https://itunes.apple.com/us/app/my-wedding-flowers/id961352079?mt=8" target="_blank">My Wedding Flowers</a>: select your flowers, browse and add your ideas by arrangement and plan your budget easily</li>
<li><a href="https://www.bloomthat.com/" target="_blank">Bloom That</a>: Allows you to send flowers up to a week in advance and pick which kind of bundle</li>
<li><a href="https://www.blockchain.com/" target="_blank">Blockchain</a>: Tracks delivery progress and provides estimate of arrival</li>
</ul>
<ul>
<h3>Mail/Invitation Apps</h3>
<li><a href="https://www.paperlesspost.com" target="_blank">Paperless Post</a>: Invitation manager</li>
<li><a href="https://www.postable.com" target="_blank">Postable</a>: Deals with invitations and letters, and addresses</li>
<li><a href="https://rsvpify.com/" target="_blank">RSVPify</a>: Handles RSVPs online</li>
</ul>
<ul>
<h3>Budget Apps</h3>
<li><a href="https://www.mint.com/how-mint-bills-works" target="_blank">Mint</a>: Not relevant to weddings, but an app that helps you break down your expenses and keep track of the different categories of expenses </li>
<li><a href="https://play.google.com/store/apps/details?id=pl.js.weddingbudget" target="_blank">Wedding Budget</a>: Give your things to remember and also helps you keep your budget</li>
</ul>
<ul>
<h3>Planning Aids Apps</h3>
<li><a href="http://www.weddingmapper.com/guests/demo_seating" target="_blank">Wedding Mapper</a>: Free software that allows you to plan seating charts based on the room and table dimensions</li>
<li><a href="https://www.uber.com/?exp=home_signup_form" target="_blank">Uber</a>: Real-time tracking of bride and groom; Real-time tracking of deliveries on or before the event; Real-time tracking of guests</li>
<li><a href="https://www.dominos.com/en/ " target="_blank">Dominos</a>: Allows estimate for delivery and more details about delivery</li>
</ul>
<ul>
<h3>Creative/Inspiration Apps</h3>
<li><a href="https://www.pinterest.com/categories/weddings/" target="_blank">Pinterest</a>: One of the first websites where people posted their wedding and inspirations, still the main source of inspiration for millennial bride-to-bes</li>
<li><a href="http://munaluchibridal.com" target="_blank">Muna Luch Bridal</a>: Inspiration for brides</li>
<li><a href="http://www.weddingbee.com" target="_blank">WeddingBee</a>: Forums, blog posts, inspiration</li>
</ul>
<ul>
<h3> Community App </h3>
<li><a href="https://www.reddit.com/r/weddingswap">Wedding swap subreddit</a> </li>
<li><a href="https://www.reddit.com/r/WeddingsOver10k ">Weddings over 10k subreddit</a> </li>
<li><a href="https://www.reddit.com/r/WeddingsUnder10k">Weddings under 10k subreddit</a> </li>
<li><a href="https://www.reddit.com/r/WeddingDress">Wedding dresses selling subreddit</a> </li>
</ul>
<ul>
<h3> Registry App </h3>
<li><a href="https://itunes.apple.com/us/app/zola-wedding-registry-gifts/id852691916?mt=8" target="_blank">Zola</a>: Discover the smarter wedding registry. Create a personalized registry, fill it with the gifts you really want, receive real-time notifications, and manage your shipments all while on-the-go</li>
<li><a href="https://www.myregistry.com">My Registry</a>: Organizes multiple registries on one site</li>
<li><a href="https://www.honeyfund.com/wedding/Trojanlovestory">Honeyfund</a>: Contribute to honeymoon instead of buying presents</li>
</ul>
<ul>
<h3> Music Apps </h3>
<li><a href="https://www.spotify.com/us/" target="_blank">Spotify</a>: Collaborative playlist for your wedding, you and your guests can all add songs to a playlist</li>
<li><a href="https://itunes.apple.com/us/app/weddingdj-plan-play-your-wedding/id383243064?mt=8" target="_blank">WeddingDJ</a>: An app that lets you add songs to a playlist for a wedding</li>
</ul>
</ul>
</div>
</div>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<!-- <section>
<h2>Get in touch</h2>
<form method="post" action="#">
<div class="field half first">
<input type="text" name="name" id="name" placeholder="Name" />
</div>
<div class="field half">
<input type="email" name="email" id="email" placeholder="Email" />
</div>
<div class="field">
<textarea name="message" id="message" placeholder="Message"></textarea>
</div>
<ul class="actions">
<li><input type="submit" value="Send" class="special" /></li>
</ul>
</form>
</section>
<section>
<h2>Follow</h2>
<ul class="icons">
<li><a href="#" class="icon style2 fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon style2 fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon style2 fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon style2 fa-dribbble"><span class="label">Dribbble</span></a></li>
<li><a href="#" class="icon style2 fa-github"><span class="label">GitHub</span></a></li>
<li><a href="#" class="icon style2 fa-500px"><span class="label">500px</span></a></li>
<li><a href="#" class="icon style2 fa-phone"><span class="label">Phone</span></a></li>
<li><a href="#" class="icon style2 fa-envelope-o"><span class="label">Email</span></a></li>
</ul>
</section> -->
<ul class="copyright">
<li>© Untitled. All rights reserved</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>