CSpro Hong Kong Subsite

www.hk.cspro.io

Overview

CSpro Hong Kong

CSpro (Hong Kong) Limited is licensed by the Securities and Futures Commission (SFC) to carry out Type 1 (dealing in securities) regulated activities having CE registration number BSH213. CSpro provides issuance and distribution services for security token offerings to professional investors (as defined in the Securities and Futures Ordinance (SFO)).

My Role

As a UI/UX Designer, I am dedicated to creating intuitive and engaging user experiences that seamlessly blend functionality with aesthetics. My role involves conducting user research to understand needs and behaviors, developing wireframes and prototypes, and collaborating closely with developers and stakeholders to bring designs to life. I focus on crafting user-centered designs that enhance usability and accessibility, ensuring that every interaction is smooth and satisfying. With a keen eye for detail and a passion for innovation, I strive to elevate the user journey, making digital products not only visually appealing but also highly effective.

user interface (ui) design
user experience (ux) design
website design
graphic design
video editing
content management system
front-end coding

Design Solutions

Challenges

Solutions

Brand Consistency
The sub-website must align with the brand guidelines of the parent website, CSpro Global.
Aligning Visual Identity
Review the brand to match colors, fonts, and images with the main site. Create a style guide for consistent use on all pages.
Integrating News Articles on the About Us Page
Incorporating recent news articles without overwhelming the page layout.
Responsive Carousel for News Articles
Add a carousel for news articles so users can scroll easily without clutter. Make sure it's responsive and user-friendly.
Structuring the About Us Page
The About Us page needs to effectively present the company overview, advantages, and team members.
Overview, Benefits, and Team Members
Organize the page into clearly defined sections: company overview, advantages, and team members.
Creating an Invest in STO Page
Listing all asset segments that can be tokenized while ensuring clarity and engagement.
Interactive Asset Segments: Cards & Inquiry Form
Design a visually appealing page with cards for each asset, featuring images and brief descriptions. Add a form for users to request more info.
Developing an Issue STO Page
Clearly explaining what an STO is and detailing the services offered.
Simple STO Overview & Service Listings
Start with a simple STO definition, then list services. Use icons to make it clearer and easier to read.
Creating a Simple News Page
The News page should be straightforward and easy to navigate.
Clean & Simple News Layout
Create a simple News page with a clean layout. Use lists or grids to show articles with titles, dates, and short summaries.
Mobile Responsiveness
The sub-website must be fully mobile responsive to provide a seamless experience across all devices.
Responsive Design for All Devices
Use responsive design with flexible grids so everything fits different screens. Test on various devices to fix any usability issues.

Aligning Visual Identity

Review the brand to match colors, fonts, and images with the main site. Create a style guide for consistent use on all pages.

Responsive Carousel for News Articles

Add a carousel for news articles so users can scroll easily without clutter. Make sure it's responsive and user-friendly.

Overview, Benefits, & Team Members

Organize the page into clearly defined sections: company overview, advantages, and team members.

Interactive Asset Segments: Cards & Inquiry Form

Design a visually appealing page with cards for each asset, featuring images and brief descriptions. Add a form for users to request more info.

Simple STO Overview & Service Listings

Start with a simple STO definition, then list services. Use icons to make it clearer and easier to read.

Clean & Simple News Layout

Create a simple News page with a clean layout. Use lists or grids to show articles with titles, dates, and short summaries.

Responsive Design for All Devices

Use responsive design with flexible grids so everything fits different screens. Test on various devices to fix any usability issues.