Skip to main content

THIEN DO CHIEU app report

Page 1

Chiếu dời đô của Lý Công Uẩn là một áng văn cổ có giá trị lịch sử, văn chương bất hủ cho văn học nước ta trong những ngày đầu dựng nước. Khi triều Lý quyết định dời đô từ Hoa Lư về thành Đại La, mở ra thời kỳ định đô lâu dài tại vùng đất địa linh nhân kiệt Thăng Long - Hà Nội. Chiếu dời đô đánh dấu một bước nhận thức quan trọng trong tư duy của vị vua nhà Lý nói riêng của dân tộc ta nói chung về những vấn đề kinh tế, chính trị và văn hoá do đời sống thực tiễn đặt ra, trước hết đó là vấn đề tiền đồ phát triển của đất nước và sự thống nhất đất nước. Những nội dung tư tưởng trong Chiếu dời đô đã phản ánh tư duy chiến lược, tầm nhìn xa trông rộng của vị vua đầu nhà Lý trên tất cả các lĩnh vực. Khi lựa chọn Đại La làm kinh đô của nước Đại Việt, Lý Công Uẩn đã nhận thấy nơi đây: “Ở giữa khu vực trời đất, được thế hồng cuộn hổ ngồi, chính giữa nam bắc đông tây, tiện nghi núi sông sau


trước. Vùng này mặt đất rộng mà bằng phẳng, thế đất cao mà sáng sủa, dân cư không khổ thấp trũng tối tăm, muôn vật hết sức tốt tươi phồn thịnh… thực là chỗ tụ hội quan yếu của bốn phương, đúng là nơi thượng đô kinh sư mãi muôn đời”. Chúng tôi đã lựa chọn cái tên: “Thiên Đô Chiếu” - tức Chiếu dời đô, bởi giá trị thiêng liêng, cao cả và bất hủ của nó. Mở ra ba thời kì Lý - Trần - Lê, được xem là các triều đại đỉnh cao vàng son, đặc biệt hưng thịnh. App Thiên Đô Chiếu mang sứ mệnh tập hợp các giá trị tiêu biểu, quan trọng trong ba triều đại Lý Trần - Lê. Hứa hẹn giúp người dùng có những trải nghiệm thoải mái và dễ dàng hơn khi có nhu cầu tiếp cận với lịch sử nước nhà. Hệ thống các sản phẩm được thiết kế và bày bán phục vụ cho những đối tượng có niềm đam mê với họa tiết cổ, công trình kiệt tác kiến trúc của dân tộc, đồng thời góp phần truyền bá văn hóa.


NHẬT TRUNG Hướng dẫn

THÀNH VIÊN

HOÀNG DUY

PHƯƠNG ANH

HOÀNG VINH

Khảo sát

Khảo sát

Khảo sát

Research

Research

Research

Sketch

Sketch

Logo

Logo

Wireframe

Wireframe

Layout

Layout

Prototype

Minh họa

TVC

Mockup

Report

Report


KHẢO SÁT · Lý do chọn đề tài · Mục tiêu · Giải pháp · Kết quả khảo sát

LOGO

· Sketch · Ý nghĩa logo · Hệ thống nhận diện

USERFLOW · Sketch

· Hoàn thiện userflow

STYLE GUIDE · Typeface · Màu sắc · Components · Moodboard · References

SITEMAP

WIREFRAME

· Hoàn thiện sitemap

· Hi-wireframe

· Sketch

· Sketch


MINH HỌA · Về kiến trúc · Về các hoa văn · Về trang phục

APP PROMO · Sketch promo video · Promo video · Visual UI · Poster · Standee

LAYOUT · Hoàn chỉnh layout

ẤN PHẨM PROTOTYPE · App protorype

· Banner · Áo · Ly · Sổ tay · Túi xách · Tranh


Text

Lý do chọn đề tài · Mục tiêu · Giải pháp · Kết quả khảo sát ·

11


Khảo sát

LÝ DO CHỌN ĐỀ TÀI Hiện nay, những đề tài hướng về cội nguồn hay phục dựng những giá trị liên quan đến nền văn hóa dân tộc, lịch sử dân tộc rất được chú trọng và phát triển. Lý do là bởi nhu cầu tìm hiểu, học tập và tiếp cận về lịch sử với nhiều mục đích khác nhau đã tăng lên, khi việc học lịch sử ở trường có vẻ đang nhàm chán t hì những người có sự yêu thích và quan tâm đến lịch sử nước nhà qua các nền tảng online đã phát triển, ví dụ như youtube, web, app. Cái đẹp thì mỗi ngày đều được hoàn thiện hơn, đương nhiên là nhu cầu sử dụng những hình ảnh đẹp, chất lượng cũng sẽ tăng lên. Song song với điều đó là nội dung cũng phải được chọn lọc. Nhóm của chúng tôi - cũng là những người có sự quan tâm đặc biệt đến nét đẹp rất riêng và đặc sắc của dân tộc, trước đó đã triển khai chủ đề này cho web, dừng lại với hai Triều Đại Nhà Lý - Trần, tiếp tục mở rộng nghiên cứu và thực hiện thêm đối với Triều đại nhà Lê, mong muốn thử nghiệm trên app một cách hiệu quả.

12


Khảo sát

MỤC TIÊU · Đáp ứng nhu cầu sử dụng của người dùng về việc tiếp cận lịch sử một cách dễ dàng, thoải mái, hứng thú bởi giao diện dễ sử dụng và bắt mắt. · Truyền bá văn hóa, lịch sử dân tộc. · Tập hợp tài liệu thông tin và trích nguồn đáng tin cậy.

GIẢI PHÁP

· Sử dụng hình ảnh minh họa đẹp. · Giao diện dễ sử dụng. · Thông tin chọn lọc và cập nhật. · Tiếp nhận feedback để hoàn thiện app. · Lập hệ thống local Brand các sản phẩm liên quan để quảng bá và đáp ứng nhu cầu sử dụng. · Thiết lập cách thức thanh toán đa dạng.

13


Khảo sát

14


Khảo sát

15


Text

LOGO Sketch · Ý nghĩa logo · Hệ thống nhận diện ·

17


Logo

SKETCH LOGO

18


Logo

19


Logo

Khi triều Lý quyết định dời đô từ Hoa Lư về thành Đại La, mở ra thời kỳ định đô lâu dài tại vùng đất địa linh nhân kiệt Thăng Long - Hà Nội. Chiếu dời đô đánh dấu một bước nhận thức quan trọng trong tư duy của vị vua nhà Lý nói riêng của dân tộc ta nói chung về những vấn đề kinh tế, chính trị và văn hoá do đời sống thực tiễn đặt ra, trước hết đó là vấn đề tiền đồ phát triển của đất nước và sự thống nhất đất nước. Chúng tôi đã lựa chọn cái tên: “Thiên Đô Chiếu” - tức Chiếu dời đô, bởi giá trị thiêng liêng, cao cả và bất hủ của nó. Mở ra ba thời kì Lý - Trần Lê, được xem là các triều đại đỉnh cao vàng son, đặc biệt hưng thịnh.

20


Logo

Sử dụng màu đỏ và hình tròn nhằm tái hiện hình ảnh những con dấu mộc. Đang đánh dấu những cột mốc lịch sử, những vẻ đẹp nghệ thuật của nước Việt Nam ta.

22


Logo

23


Logo

24


Logo

25


Logo

26


Logo

27


Logo

28


Logo

* Dành cho in ấn Khi sử dụng logo để in ấn, không chia tỉ lệ thấp hơn 20mm * Dành cho màn hình Khi hiển thị trên màn hình, logo phải được trình bày ít nhất 80px

29


Logo

30


Logo

31


Text

SITE MAP Sketch · Hoàn thiện sitemap ·

33


Sitemap

35


Text

USERFLOW Sketch · Hoàn thiện userflow ·

37


Userflow

GIỚI THIỆU

ĐĂNG KÝ - ĐĂNG NHẬP

39


Userflow

CỬA HÀNG

40


Userflow

GIỎ HÀNG

41


Userflow

THỜI LÝ

43


Userflow

THỜI TRẦN

44


Userflow

THỜI LÊ

45


Text

STYLE GUIDE Typeface · Màu sắc · Components · Moodboard · References ·

47


Style guide

TYPO

48


Style guide

TYPE PAIRING

49


Style guide

COLOR

50


Style guide

BUTTONS

52


Style guide

INPUT FORMS

53


Style guide

ICONS

CHAT BOX

54


Style guide

NAVIGATION BAR

55


Style guide

OTHER COMPONENTS

56


Style guide

57


Style guide

Dùng màu đen than và màu vàng thể hiện lên 1 sự xa xưa nhưng vẫn mang được những nét “hoàng kim” - những nét đẹp của nghệ thuật. Cách dùng màu đen than cũng giúp web làm nội dung trở nên nổi bật hơn với người đọc, không chỉ mang yếu tố nhấn mạnh nội dung mà còn thể hiện được những nét xưa cũ.

58


Style guide

59


Style guide

60


Style guide

61


Text

WIREFRAME Sketch · Hi-wireframe ·

63


Wireframe

64


Wireframe

65


Wireframe

66


Wireframe

67


Wireframe

68


Wireframe

69


Wireframe

70


Wireframe

71


Wireframe

72


Wireframe

73


Wireframe

74


Wireframe

75


Wireframe

77


Wireframe

78


Wireframe

79


Wireframe

80


Wireframe

81


Wireframe

82


Wireframe

83


Wireframe

84


Wireframe

85


Wireframe

86


Wireframe

87


Wireframe

88


Wireframe

90


Wireframe

91


Wireframe

92


Wireframe

93


Wireframe

94


Wireframe

95


Wireframe

96


Wireframe

97


Wireframe

98


Wireframe

99


Wireframe

100


Wireframe

101


Wireframe

102


Wireframe

103


Text

minh hoa . Về kiến trúc · Về các họa tiết · Về trang phục ·

105


Minh họa

CHÙA DIÊN HỰU

106


Minh họa

THÀNH THĂNG LONG

107


Minh họa

ĐIỆN KÍNH THIÊN

108


Minh họa

CHÙA PHẬT TÍCH

109


Minh họa

CHÙA BỘI KHÊ

110


Minh họa

QUỐC TỬ GIÁM

111


Minh họa

CÁC HOA VĂN

112


Minh họa

113


Minh họa

114


Minh họa

115


Minh họa

TRANG PHỤC

116


Minh họa

117


Text

layout Hoàn thiện layout ·

119


Layout

120


Layout

121


Layout

122


Layout

123


Layout

124


Layout

125


Layout

126


Layout

127


Layout

128


Layout

130


Layout

131


Layout

132


Layout

133


Layout

134


Layout

135


Layout

136


Layout

137


Layout

138


Layout

139


Text

prototype App prototype ·

141


Prototype

KHỞI ĐỘNG

142


Prototype

GIỚI THIỆU

143


Prototype

ĐĂNG NHẬP/ ĐĂNG KÝ

144


Prototype

QUÊN MẬT KHẨU

145


Prototype

LIÊN KẾT THẺ NGÂN HÀNG

146


Prototype

ĐỔI MẬT KHẨU

147


Prototype

THÊM THẺ NGÂN HÀNG VÀO TÀI KHOẢN

148


Prototype

GIỎ HÀNG

149


Prototype

THANH TOÁN

150


Prototype

THỜI LÝ

151


Prototype

THỜI TRẦN

152


Prototype

THỜI LÊ

153


Text

APP PROMO Sketch promo video · Promo video · Visual UI · Poster · Standee ·

155


App promo

STORYBOARD

156


App promo

157


App promo

158


App promo

159


App promo

160


App promo

161


App promo

162


App promo

164


App promo

165


App promo

166


App promo

167


App promo

168


App promo

169


App promo

VISUAL UI

171


App promo

POSTER

172


App promo

STANDEE

173


Text

an pham Banner · Áo · Ly · Sổ tay · Túi xách · Tranh ·

177


Ấn phẩm

GIỚI THIỆU ẤN PHẨM MỚI - SLIDESHOW TRONG APP -

178


Ấn phẩm

179


Ấn phẩm

ÁO

180


Ấn phẩm

SWEATER - HOODIE

181


Ấn phẩm

LY

182


Ấn phẩm

SỔ TAY

184


Ấn phẩm

185


Ấn phẩm

TÚI XÁCH

186


Ấn phẩm

187


Ấn phẩm

TRANH

188


Ấn phẩm

189


CẢM ƠN MỌI NGƯỜI ĐÃ XEM!


Turn static files into dynamic content formats.

Create a flipbook
THIEN DO CHIEU app report by Duy Lê Hoàng - Issuu