Wa
He
Breaking Bad
Breaking Bad
Breaking
Bad
Duration: 2 weeks
Tools: Figma
Skills: Prototyping, User Research
Role: Designer & Research
Individual Project
Duration: 2 weeks
Tools: Figma
Skills: Prototyping, User Research
Role: Designer & Research
Individual Project
Duration: 2 weeks
Tools: Figma
Skills: Prototyping, User Research
Role: Designer & Research
Individual Project
Project Overview
Project Overview
For this project, I aimed to highlight the vast and diverse content available on Wikipedia by designing a website inspired by a random Wikipedia page selected through Wiki Roulette. The page I landed on was Walter White from Walter White (Breaking Bad).
For this project, I aimed to highlight the vast and diverse content available on Wikipedia by designing a website inspired by a random Wikipedia page selected through Wiki Roulette. The page I landed on was Walter White from Walter White (Breaking Bad).
Wikipedia Page Analyzation
I conceptualized first three distinct and divergent topics based on the content I found reading the entire wikipedia page that I could further build off of:
Wikipedia Page Analyzation 🔍
I conceptualized first three distinct and divergent topics based on the content I found reading the entire wikipedia page that I could further build off of:
The transformation of “Walter White” a suburban chemistry teacher to “Heisenberg” a meth drug lord:
Walter White is the protagonist of the American crime TV drama Breaking Bad. White is a very complex character that is explored deeply throughout the five seasons. Season 1 to season 5 illustrates the riveting and chaotic transformation he undergoes from becoming Walter to Heseinberg. In season 1 he is portrayed to the audience as a middle aged husband diagnosed with cancer who is struggling to support his family as a high school chemistry teacher and by season 5 he is the most feared crystal meth drug lord in the Southwest. His physical appearance also changes significantly throughout the series, which can be displayed through images. This website would uncover the transformation of Walter White to Heisenberg through plot, character development, images, quotes, and videosThe rise and fall of Walter Whites’s drug empire:
White’s drug empire was a massive meth distribution and manufacturing operation in Albuquerque, New Mexico. Starting from cooking crystal meth with his former student Jesse Pinkman in a RV to becoming one of the largest Meth operations in American history, White’s drug empire rapidly climbed up the drug hierarchy. White was able to pull this off by killing or destroying anyone who impeded him, drastically altering his life. Eventually, White retired from this business but his empire continued in poor conditions. He then returned and destroyed what was left of his empire, permanently dismantling his drug operation he built. This website would illustrate the journey, the rise, and the fall behind White’s unbelievable drug empire.Walter White’s Concept/Creation and Legacy:
The character of Walter White and the actor that portrays him Bryan Cranston have received critical acclaim. Walter White is known to be one of the greatest and most iconic television characters of all time. Cranston has won numerous awards for his portrayal of Walter White and performance in Breaking Bad. Creator Vince Gilligan created Walter White with the purpose of having a protagonist that turned into antagonist over the course of the show. This website would cover the details it takes to create a character like Walter White.The transformation of “Walter White” a suburban chemistry teacher to “Heisenberg” a meth drug lord:
Walter White is the protagonist of the American crime TV drama Breaking Bad. White is a very complex character that is explored deeply throughout the five seasons. Season 1 to season 5 illustrates the riveting and chaotic transformation he undergoes from becoming Walter to Heseinberg. In season 1 he is portrayed to the audience as a middle aged husband diagnosed with cancer who is struggling to support his family as a high school chemistry teacher and by season 5 he is the most feared crystal meth drug lord in the Southwest. His physical appearance also changes significantly throughout the series, which can be displayed through images. This website would uncover the transformation of Walter White to Heisenberg through plot, character development, images, quotes, and videosThe rise and fall of Walter Whites’s drug empire:
White’s drug empire was a massive meth distribution and manufacturing operation in Albuquerque, New Mexico. Starting from cooking crystal meth with his former student Jesse Pinkman in a RV to becoming one of the largest Meth operations in American history, White’s drug empire rapidly climbed up the drug hierarchy. White was able to pull this off by killing or destroying anyone who impeded him, drastically altering his life. Eventually, White retired from this business but his empire continued in poor conditions. He then returned and destroyed what was left of his empire, permanently dismantling his drug operation he built. This website would illustrate the journey, the rise, and the fall behind White’s unbelievable drug empire.Walter White’s Concept/Creation and Legacy:
The character of Walter White and the actor that portrays him Bryan Cranston have received critical acclaim. Walter White is known to be one of the greatest and most iconic television characters of all time. Cranston has won numerous awards for his portrayal of Walter White and performance in Breaking Bad. Creator Vince Gilligan created Walter White with the purpose of having a protagonist that turned into antagonist over the course of the show. This website would cover the details it takes to create a character like Walter White.The transformation of “Walter White” a suburban chemistry teacher to “Heisenberg” a meth drug lord:
Walter White is the protagonist of the American crime TV drama Breaking Bad. White is a very complex character that is explored deeply throughout the five seasons. Season 1 to season 5 illustrates the riveting and chaotic transformation he undergoes from becoming Walter to Heseinberg. In season 1 he is portrayed to the audience as a middle aged husband diagnosed with cancer who is struggling to support his family as a high school chemistry teacher and by season 5 he is the most feared crystal meth drug lord in the Southwest. His physical appearance also changes significantly throughout the series, which can be displayed through images. This website would uncover the transformation of Walter White to Heisenberg through plot, character development, images, quotes, and videosThe rise and fall of Walter Whites’s drug empire:
White’s drug empire was a massive meth distribution and manufacturing operation in Albuquerque, New Mexico. Starting from cooking crystal meth with his former student Jesse Pinkman in a RV to becoming one of the largest Meth operations in American history, White’s drug empire rapidly climbed up the drug hierarchy. White was able to pull this off by killing or destroying anyone who impeded him, drastically altering his life. Eventually, White retired from this business but his empire continued in poor conditions. He then returned and destroyed what was left of his empire, permanently dismantling his drug operation he built. This website would illustrate the journey, the rise, and the fall behind White’s unbelievable drug empire.Walter White’s Concept/Creation and Legacy:
The character of Walter White and the actor that portrays him Bryan Cranston have received critical acclaim. Walter White is known to be one of the greatest and most iconic television characters of all time. Cranston has won numerous awards for his portrayal of Walter White and performance in Breaking Bad. Creator Vince Gilligan created Walter White with the purpose of having a protagonist that turned into antagonist over the course of the show. This website would cover the details it takes to create a character like Walter White.The transformation of “Walter White” a suburban chemistry teacher to “Heisenberg” a meth drug lord:
Walter White is the protagonist of the American crime TV drama Breaking Bad. White is a very complex character that is explored deeply throughout the five seasons. Season 1 to season 5 illustrates the riveting and chaotic transformation he undergoes from becoming Walter to Heseinberg. In season 1 he is portrayed to the audience as a middle aged husband diagnosed with cancer who is struggling to support his family as a high school chemistry teacher and by season 5 he is the most feared crystal meth drug lord in the Southwest. His physical appearance also changes significantly throughout the series, which can be displayed through images. This website would uncover the transformation of Walter White to Heisenberg through plot, character development, images, quotes, and videosThe rise and fall of Walter Whites’s drug empire:
White’s drug empire was a massive meth distribution and manufacturing operation in Albuquerque, New Mexico. Starting from cooking crystal meth with his former student Jesse Pinkman in a RV to becoming one of the largest Meth operations in American history, White’s drug empire rapidly climbed up the drug hierarchy. White was able to pull this off by killing or destroying anyone who impeded him, drastically altering his life. Eventually, White retired from this business but his empire continued in poor conditions. He then returned and destroyed what was left of his empire, permanently dismantling his drug operation he built. This website would illustrate the journey, the rise, and the fall behind White’s unbelievable drug empire.Walter White’s Concept/Creation and Legacy:
The character of Walter White and the actor that portrays him Bryan Cranston have received critical acclaim. Walter White is known to be one of the greatest and most iconic television characters of all time. Cranston has won numerous awards for his portrayal of Walter White and performance in Breaking Bad. Creator Vince Gilligan created Walter White with the purpose of having a protagonist that turned into antagonist over the course of the show. This website would cover the details it takes to create a character like Walter White.
Walter White vs Heisenberg 👨🔬
Walter White vs Heisenberg 👨🔬
I expanded on my initial concept, which explores the transformation of Walter White from a suburban chemistry teacher to 'Heisenberg,' a powerful methamphetamine drug lord.
This idea appealed to me due to the striking juxtaposition it presents, which can be effectively illustrated on my website through contrasting colors.
By incorporating additional information, images, and videos from the series, I aim to convey the profound impact of his transformation. Further developing this concept will demonstrate the extensive content and depth of information available on Wikipedia pages like 'Walter White (Breaking Bad).
I expanded on my initial concept, which explores the transformation of Walter White from a suburban chemistry teacher to 'Heisenberg,' a powerful methamphetamine drug lord.
This idea appealed to me due to the striking juxtaposition it presents, which can be effectively illustrated on my website through contrasting colors.
By incorporating additional information, images, and videos from the series, I aim to convey the profound impact of his transformation. Further developing this concept will demonstrate the extensive content and depth of information available on Wikipedia pages like 'Walter White (Breaking Bad).
Site Map 🌐
Site Map 🌐
After thorough research I developed a site map for my website.
After thorough research I developed a site map for my website.
Moodboards 🎨
Moodboards 🎨
I developed 3 potential moodboards to find an artistic direction for my site. I chose the clean and contrastive moodboard because it effectively highlights the duality of Walter White and Heisenberg, which is the central theme of my website.
I developed 3 potential moodboards to find an artistic direction for my site. I chose the clean and contrastive moodboard because it effectively highlights the duality of Walter White and Heisenberg, which is the central theme of my website.
Low-Fidelity Wireframes 📝
Low-Fidelity Wireframes 📝
The next step in my process was creating my low-fidelity wireframes for my site.
The next step in my process was creating my low-fidelity wireframes for my site.
High Fidelity Mockups 💻
High Fidelity Mockups 💻
After user feedback on my initial low-fidelity wireframes I developed my high-fidelity mockups and redesigned my homepage.
After user feedback on my initial low-fidelity wireframes I developed my high-fidelity mockups and redesigned my homepage.
Final Prototype