CONTEXT
Bringing an Idea to Life
3 months after my friend launched Project UGH, a unique, streetwear-style clothing brand, their team amassed a huge social media following. They invested in products, began taking pre-orders, but struggled to showcase their products online for customers to purchase.
I was consulted, and within the same day, began brainstorming site styles, flow maps, and design features with the CEO to best align with their brand’s mission, to defy standards within fashion. After days of revisions, we finalized this site style.
PROCESS
Conceptualizing our Solution
I translated the brand’s bold streetwear identity into early wireframes and mockups that featured custom components such as a full-width hero banner, stylized product cards, and a minimalist nav bar.
To meet the tight deadline of Project UGH's upcoming product drop, I accelerated development by utilizing Shopify's native checkout template to ensure a reliable transaction flow and payment security for our customers. However, even given this time constraint, I meticulously customized each pixel within the site, integrating:
Brand-specific assets
Custom photographs from shoots, branded taglines, and 3D Modeled Logo graphics.
Typography and color styles
Mobile responsiveness for our users
SOLUTION
Final Deliverable
Project UGH using Shopify
1 Designer (Me)
Figma, Shopify
November - January 2025
My Team:
Tools:
Duration:
REFLECTION
Journey with Project UGH
Project UGH is now preparing for an upcoming product launch and website revamp in August. Message me for more details!
lukas junn
Sharing and Designing Visions
Because this brand was so personal to the founder, every design choice needed to feel authentic. Through constant feedback, user-testing, and shared decision-making, I learned how to stay aligned with someone else’s vision while still applying my own design sensibility. That balance made the project both creatively fulfilling and easier for me to support.
Designing with a Limited Team
Being the sole designer responsible for the entire digital experience, with zero e-commerce experience, tested both my adaptability and ability to work under pressure and tight time constraints. With the brand’s drop date quickly approaching, I had to quickly refine everything from visual design to front-end development. Debugging complex HTML and CSS layouts proved especially difficult without a team to troubleshoot with—but I persisted through trial and error, documentation, and real-time testing to ensure every element functioned and rendered as intended. This constraint forced me to streamline my process, make confident design decisions without overthinking, and rely on my problem-solving skills to rapidly iterate and deliver a complete, high-impact product.
Usability Testing
After the site went live, I conducted informal usability testing with actual customers, observed click patterns through Shopify analytics, and gathered qualitative feedback via friends and family. These insights revealed lacking areas in navigation and checkout flow, which I used to guide rounds of iterative improvements—refining button placements, product layout hierarchy, and payment methods on mobile. This post-launch research reinforced my belief that design doesn't end at launch.
Sharing and Designing Visions
Because this brand was so personal to the founder, every design choice needed to feel authentic. Through constant feedback, user-testing, and shared decision-making, I learned how to stay aligned with someone else’s vision while still applying my own design sensibility. That balance made the project both creatively fulfilling and easier for me to support.
Designing with a Limited Team
Being the sole designer responsible for the entire digital experience, with zero e-commerce experience, tested both my adaptability and ability to work under pressure and tight time constraints. With the brand’s drop date quickly approaching, I had to quickly refine everything from visual design to front-end development. Debugging complex HTML and CSS layouts proved especially difficult without a team to troubleshoot with—but I persisted through trial and error, documentation, and real-time testing to ensure every element functioned and rendered as intended. This constraint forced me to streamline my process, make confident design decisions without overthinking, and rely on my problem-solving skills to rapidly iterate and deliver a complete, high-impact product.
Usability Testing
After the site went live, I conducted informal usability testing with actual customers, observed click patterns through Shopify analytics, and gathered qualitative feedback via friends and family. These insights revealed lacking areas in navigation and checkout flow, which I used to guide rounds of iterative improvements—refining button placements, product layout hierarchy, and payment methods on mobile. This post-launch research reinforced my belief that design doesn't end at launch.
GBCS Website Redesign
Connect with me!
junnlukas@gmail.com | LinkedIn
CONTEXT
CONTEXT
Bringing an Idea to Life
Bringing an Idea to Life
3 months after my friend launched Project UGH, a unique, streetwear-style clothing brand, their team amassed a huge social media following. They invested in products, began taking pre-orders, but struggled to showcase their products online for customers to purchase.
I was consulted, and within the same day, began brainstorming site styles, flow maps, and design features with the CEO to best align with their brand’s mission, to defy standards within fashion. After days of revisions, we finalized this site style.
3 months after my friend launched Project UGH, a unique, streetwear-style clothing brand, their team amassed a huge social media following. They invested in products, began taking pre-orders, but struggled to showcase their products online for customers to purchase.
I was consulted, and within the same day, began brainstorming site styles, flow maps, and design features with the CEO to best align with their brand’s mission, to defy standards within fashion. After days of revisions, we finalized this site style.
PROCESS
PROCESS
Conceptualizing our Solution
Conceptualizing our Solution
I translated the brand’s bold streetwear identity into early wireframes and mockups that featured custom components such as a full-width hero banner, stylized product cards, and a minimalist nav bar.
To meet the tight deadline of Project UGH's upcoming product drop, I accelerated development by utilizing Shopify's native checkout template to ensure a reliable transaction flow and payment security for our customers. However, even given this time constraint, I meticulously customized each pixel within the site, integrating:
Brand-specific assets
Custom photographs from shoots, branded taglines, and 3D Modeled Logo graphics.
Typography and color styles
Mobile responsiveness for our users
I translated the brand’s bold streetwear identity into early wireframes and mockups that featured custom components such as a full-width hero banner, stylized product cards, and a minimalist nav bar.
To meet the tight deadline of Project UGH's upcoming product drop, I accelerated development by utilizing Shopify's native checkout template to ensure a reliable transaction flow and payment security for our customers. However, even given this time constraint, I meticulously customized each pixel within the site, integrating:
Brand-specific assets
Custom photographs from shoots, branded taglines, and 3D Modeled Logo graphics.
Typography and color styles
Mobile responsiveness for our users
SOLUTION
SOLUTION
Final Deliverable
Final Deliverable
Project UGH using Shopify
Project UGH using Shopify
1 Designer (Me)
1 Designer (Me)
Figma, Shopify
Figma, Shopify
November - January 2025
November - January 2025
My Team:
My Team:
Tools:
Tools:
Duration:
Duration:
REFLECTION
REFLECTION
Journey with Project UGH
Journey with Project UGH
Project UGH is now preparing for an upcoming product launch and website revamp in August. Message me for more details!
Project UGH is now preparing for an upcoming product launch and website revamp in August. Message me for more details!
lukas junn
lukas junn
Sharing and Designing Visions
Because this brand was so personal to the founder, every design choice needed to feel authentic. Through constant feedback, user-testing, and shared decision-making, I learned how to stay aligned with someone else’s vision while still applying my own design sensibility. That balance made the project both creatively fulfilling and easier for me to support.
Designing with a Limited Team
Being the sole designer responsible for the entire digital experience, with zero e-commerce experience, tested both my adaptability and ability to work under pressure and tight time constraints. With the brand’s drop date quickly approaching, I had to quickly refine everything from visual design to front-end development. Debugging complex HTML and CSS layouts proved especially difficult without a team to troubleshoot with—but I persisted through trial and error, documentation, and real-time testing to ensure every element functioned and rendered as intended. This constraint forced me to streamline my process, make confident design decisions without overthinking, and rely on my problem-solving skills to rapidly iterate and deliver a complete, high-impact product.
Usability Testing
After the site went live, I conducted informal usability testing with actual customers, observed click patterns through Shopify analytics, and gathered qualitative feedback via friends and family. These insights revealed lacking areas in navigation and checkout flow, which I used to guide rounds of iterative improvements—refining button placements, product layout hierarchy, and payment methods on mobile. This post-launch research reinforced my belief that design doesn't end at launch.
Sharing and Designing Visions
Because this brand was so personal to the founder, every design choice needed to feel authentic. Through constant feedback, user-testing, and shared decision-making, I learned how to stay aligned with someone else’s vision while still applying my own design sensibility. That balance made the project both creatively fulfilling and easier for me to support.
Designing with a Limited Team
Being the sole designer responsible for the entire digital experience, with zero e-commerce experience, tested both my adaptability and ability to work under pressure and tight time constraints. With the brand’s drop date quickly approaching, I had to quickly refine everything from visual design to front-end development. Debugging complex HTML and CSS layouts proved especially difficult without a team to troubleshoot with—but I persisted through trial and error, documentation, and real-time testing to ensure every element functioned and rendered as intended. This constraint forced me to streamline my process, make confident design decisions without overthinking, and rely on my problem-solving skills to rapidly iterate and deliver a complete, high-impact product.
Usability Testing
After the site went live, I conducted informal usability testing with actual customers, observed click patterns through Shopify analytics, and gathered qualitative feedback via friends and family. These insights revealed lacking areas in navigation and checkout flow, which I used to guide rounds of iterative improvements—refining button placements, product layout hierarchy, and payment methods on mobile. This post-launch research reinforced my belief that design doesn't end at launch.
GBCS Website Redesign
GBCS Website Redesign