✴ linkstree
2022 ✴ UX/UI | Web development
This project involved building a custom Link Tree-style webpage for my Instagram design account, @designs_by_sama. The goal was to create a clean and visually cohesive landing page where visitors could access all the platforms that host my creative and professional work.
The layout was originally inspired by a blog post I came across in 2022 (no longer available), which served as a conceptual starting point. This was an opportunity to gain hands-on experience in HTML and CSS while focusing on responsive and interactive design features.
✴ Tools used
✴ Project duration
1 week
Design and code a functional link hub for Instagram bio use.
Apply custom styling to reflect my personal brand identity.
Use CSS transitions to enhance interactivity.
PROCESS
1. HTML Structure
I built the page using semantic HTML, keeping the markup minimal and clean. The core elements included:
A profile image
My account name and short description
A list of links styled as interactive buttons
2. Custom Styling
Using CSS, I:
Defined a cohesive colour scheme to match my Instagram aesthetic
Implemented CSS transition effects to create smooth hover animations on links
Used spacing, borders, and alignment to create a visually balanced layout
KEY LEARNINGS
Built confidence in HTML/CSS structure and styling
Learned to apply CSS transitions for better user interaction
Gained practice translating a conceptual layout into working code