This is a project I did in web design course. The purpose is to educate people what stoicism is at its core, since there are a lot of misconception about it. This project was chosen because I believe that, by practicing stoicism in this era could help us bring balance and peace in mind.
The focus of this project was to learn basic composition, layouts and CSS and HTML.
Company
School Project
Project duration
3 Weeks
Time
06/2020
Team member
Me


Problems
Goals
Design Challenges
No images allow
Weak project brief
Deadline
HTML, CSS & JS
CSS beginner
JS beginner
Problems
Goals
Project Target
Education
Developement
Education
Developement
Design Target
Composition
Information architecture
Minimalist
Challenges
As a school project, the main objective was to apply every animations as it my prototype, but due to the lack of skills and time to learn, I had to sacrifices some elements to meet the deadline. Besides that, I underestimated the importance of having a solid client brief. The initial plan was done in a rush, therefore I had to go back and polished it.
As a school project, the main objective was to apply every animations as it my prototype, but due to the lack of skills and time to learn, I had to sacrifices some elements to meet the deadline. Besides that, I underestimated the importance of having a solid client brief. The initial plan was done in a rush, therefore I had to go back and polished it.
Solutions
I started by creating a draft project brief and a simple persona, this helped me to better understand what content should be included. After that, I researched on topics that were often misunderstood. I then researched on other similar sites to help me develop a theme that is suitable for stoicism. I then did a simple information architecture, quickly draw out wireframes, prototyped it and produce.
Visual Research
Expert Team
Less rigid and background segment is an good idea to implement something like that.

FAQ
Very Clean and light background, easy on the eyes and it generates a calm and soothing feeling which resonate with stoicism.

The Stoics
Lots of pictures to separate contents which helped to keep things interesting and have a visual idea what each topic feels like.

Colour Palette
#E5E5E5
#F5F5F5
#FFFFFF
#242424
#242424
#303731
#303731
none
none
none
none
none
Final Thoughts
Time pressure was a real challenge for this project, making time to understand the user experience, wireframes, prototypes, and other design basics. On the other hand, spending time to learn basic front-end was not too hard, however executing it was a whole other topic. Overall, even though time was a challenge, I enjoyed every part of it, the planning, the thinking, and the figuring out how to make it work was a really challenging experience.