Designing Urban Thread
The Story of the Project​​
​
​
Creating the Urban Thread website was a meaningful and creative journey, allowing me to merge design, culture, and personal expression. The concept behind Urban Thread centers on celebrating Filipino artistry and craftsmanship through a modern fashion and lifestyle lens. The tagline, “Weaving Style and Culture into Every Thread,” reflects the harmony between tradition and contemporary design an essence I aimed to capture in every aspect of the site.
​
​
Urban Thread is dedicated to presenting contemporary fashion as a celebration of Filipino artistry. Each design blends urban sophistication with cultural heritage, crafted for individuals who wear their identity with pride. This website serves as a platform not just to showcase products, but to tell the story of the artisans and their craft.
Business Overview
Technical Sheet / Creative Brief
Website Design Choices
For this project, I opted to use a WordPress template that provided a solid foundation for customization.
The decision was influenced by:
​
Aesthetic Appeal
I wanted a template that resonated with the brand's warmth and sophistication, mirroring the textures of woven Filipino fabrics.
Ease of Use
Using a pre-made template allowed me to focus on content and design rather than starting from scratch, making the overall process smoother.
Design Inspiration & Approach
​
The design of the website was guided by a desire to create a warm, minimalist, and sophisticated feel. I utilized neutral beige tones, earthy browns, and clean typography (Raleway) to emphasize simplicity while maintaining visual depth. Each page—from the homepage to the contact form—was thoughtfully designed with alignment, balance, and hierarchy in mind, ensuring that visuals complement the content seamlessly.
Challenges Faced
​
One significant challenge was learning to effectively use WordPress blocks. Initially, organizing sections felt confusing, particularly when aligning text, images, and buttons consistently across devices. Some elements did not appear exactly as they looked in the editor, and certain pre-made layouts were difficult to customize to match my design vision.
Column Layouts
How to adjust column layouts for better alignment and spacing.
Padding & Margins
To customize block padding and margins to create visual balance.
Group & Cover Blocks
To use group and cover blocks for better control over design sections.
Image & Typography
Ensuring consistent image and typography loading across devices proved challenging.
Additionally, ensuring consistent image and typography loading across devices proved challenging. I experimented with various themes before finding one that harmonized with my color palette and style. Simplifying the navigation menu for user-friendliness was another important learning curve.
What I Learned
This project reinforced my understanding of the coexistence of structure and creativity in web design. Key takeaways included:
•Maintaining visual hierarchy to guide the viewer’s eye.
•Choosing the right color harmony to support the brand's message.
•Ensuring readability and consistency across all pages.
Designing Urban Thread was both a technical and artistic experience that strengthened my design and problem-solving skills, allowing modern web tools to elevate cultural identity and creativity on a digital canvas.
Live Website
Final Thoughts
​​This project was not only about building a website but about weaving culture and identity into every thread of the design. I look forward to future opportunities that allow me to blend art and technology!