多城假期

跨平台(网络端+移动端)旅行计划app

 

课程使用软件

调研、分析图、线框图、UI、动效:figma

支持系统:windows,mac

多城假期项目是一个适合于各种不同基础包括零基础的UX作品集项目教程,你将有一个属于你自己的交互设计作品集项目。

该项目集UX设计理论、软件使用、项目应用于一体。与此同时,在项目过程中你会学习网页与手机界面切换与整合的技巧以及项目管理产品的设计,为你的作品集添加独有项目经验。

Frame 83.png

步骤解释

高清字幕预置录播课程

1900元

Frame 84.png

作业跟踪

老师直播全程辅导作业评讲课程

4500元

 

作品集推荐套餐

产品前端设计方法论

从零到一完成四作品交互设计作品集

6位业内资深导师每周轮流直播辅导

四个月从零到100%完成网页式作品集

价格:11000元

以下为老师项目案例最终展示,学生将学习到老师做项目的每一步过程并将以此类推发展出自己的产品方向和项目成果。具体项目语言以学生自己申请方向自作选择。

Frame 60.jpg

概览

Overview

Plann is desktop and mobile based application which helps users to plan for a group vacation ahead of time and also allows users to use the plan while they are actually on trip. It is designed to help a group users easily manipulate the itinerary, change or suggest activities, communicate both before and during the trip.

设计过程

Design Process

Desktop - 17.jpg
4.gif
 

The itinerary

As one of the requirements of the users is that they want the plan to be very easily edited. In the desktop version, I allow the users to view both the list and the map at the same time. Users can remove, add activities or transportation methods while hovering the list. At the same time, suggestive items nearby will pop up on the map when users are hovering around specific items so they can add to their itinerary easily.

Pre-packaged trips

One of the users’ pain points is that they hate endless planning. So my solution is that before they need to make any effort, they can already browse some of the best designed vacation routes that are fit for them. They can view in detail what activities are there on each day. They can book directly according to this package or they can treat it like a template and edit from this.

 
3.gif
5.gif
 

Team work planning

By putting the chat box right beside the itinerary, it is super easy for the entire group to brainstorm ideas and suggest good destinations. The drag and drop feature allows the admin to drag the suggestive activity or POIs directly into the itinerary. The distance between the previous and next stop to it will be calculated automatically afterwards. Users can also add transportation methods to it really easily afterwards.

Expenses Report

One of the problems of our users while travelling with friends is that they can’t track their expenses very clearly especially when group payments are evolved. This app will track your expenses and calculate group and personal expenses automatically during the trip, making it super transparent for a group of friends to make transactions.

 
2.gif
 
 
1.gif
 

Map view vs List View

On the mobile version, the map view and the list view are really easy to switch. By default, they will appear at the same time on a screen but it is also super easy to switch to view one by just scrolling up and down. Friends and also the planned POIs will appearing on the map.

头脑风暴

Brainstorming

Humaaans Space.jpg

头脑风暴总结

Conclusion of Brainstorming

Charco Travel.jpg

市场调研

Market Research

Frame 1.jpg

定量调研

Quantitative Research

Frame 5.jpg

定量&定性调研

Quantitative and Qualitative Research

用户画像

Persona

Frame 3.jpg

同理心地图

Empathy Map

Humaaans Space-1.jpg

问题确立

Define the Problem

Frame 6.jpg

产品特点

Key Features

Desktop - 1.jpg

思维导图

Mind Mapping

Frame 8.jpg

工作流程

UX workflow

Frame 9.jpg

线框图

Wireframes

IMG_0317.jfif
 

Original Drafts

Desktop Version

Frame 10.jpg
Frame 11.jpg

Mobile Version

设计样式

Design Styles

Frame 30.jpg

桌面版起始页

Desktop Landing Page

Frame 61.jpg

手机版行程页

Mobile Itinerary

Frame 63.jpg

最终设计

Final Design

Desktop - 16.jpg
 
Desktop - 5.jpg
X - 2.jpg
 
X - 3.jpg
 
X - 4.jpg
 
X - 5.jpg
 
X - 6.jpg
 
X - 7.jpg
 

感想

Reflection

It all begins with an idea. Maybe you want to launch a business. Maybe you want to turn a hobby into something more. Or maybe you have a creative project to share with the world. Whatever it is, the way you tell your story online can make all the difference. Don’t worry about sounding professional. Sound like you. There are over 1.5 billion websites out there, but your story is what’s going to separate this one from the rest. If you read the words back and don’t hear your own voice in your head, that’s a good sign you still have more work to do.

学生作品

Student Work

 
 
Capture2.PNG
 
 
Capture4.PNG

课程报名

Enroll in the class

步骤解释

高清字幕录播课程

1900元

作业跟踪

老师直播全程辅导作业评讲课程

4500元