Polisnetwork
Design Background
PolisNetwork's primary goal is to establish a tool for presenting personalized advertisement tracking data. The main target users are small individual blog maintainers who can utilize PolisNetwork's services for advertising placement and tracking.
Role and Collaborations
As the product designer, I discussed with the stakeholder to explore the design style and how to work. And define the brand color and design system.
Team
Product Designer - Windy Wu
Backend Engineer
Platform
Web
Tools / Skill
Figma, Photoshop, Illustrator, After effects , Html, CSS, Jquery
Design Goal
Clear and Concise
Clear and concise content ensures that important information is readily apparent.
Visual Consistency
Maintain visual uniformity by utilizing brand colors, fonts, and logos, among other elements.
Intuitive Navigation
A concise and intuitive navigation structure that allows users to easily find the information they need.
Take away
Through this project, I primarily learned to utilize After Effects and integrate Lottie plugins to generate Canvases that can be used on webpages, thereby achieving better dynamic effects.
The experience of collaborating with engineers was quite positive. Despite the time zone differences, using Git for version control to mutually confirm progress was a rather good experience.
This project also benefited from the early establishment of a Design System, which greatly facilitated communication. As a result, maintaining design consistency throughout the project became much easier.
Sitemap
Design Language System
After discussing with stakeholders to define relevant color schemes, corresponding content was defined based on the 0-100% color codes that will be utilized.
Define font size and weight according to different HTML tags
Features Animation
Discussing with stakeholders based on different functionalities, it is important to first design proposals and discuss animation directions before producing corresponding animated content that aligns with the functional requirements.
Sign in / Sign up
Present sign in and sign up pages with a similar illustration style.
Blog
A blog that adopts a minimalist style and supports Markdown writing format provides a clean and intuitive writing environment, which helps enhance the efficiency of authors and the reading experience of readers.
Overview
Overall, PolisoNetwork features a minimalist web design complemented by animated scrolling, presenting simple yet vibrant pages. The aim is to provide viewers with a better browsing experience.
Link
