Skip to content

Commit

Permalink
Update index.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@IMDANIELAUSTIN
IMDANIELAUSTIN authored Dec 18, 2024
1 parent 791c0f7 commit 2217f7e
Showing 1 changed file with 46 additions and 50 deletions.
96 changes: 46 additions & 50 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -41,27 +41,26 @@
<!-- masthead -->
<main>
<header class="masthead">
<h1 class="tagline">Remarkably Iconic Logos.&nbsp;™
<h1 class="tagline">Remarkably Iconic Logos.™
<br><a href="/appointment"><pre>Book A Consultation Today</pre></a></h1>
</a></header>
</header>
<!-- Main Content -->
</a><section class="tile-container">
</a><div class="tile">
</a><a href="#ARTBOUND BY PBS REBRAND"><img src="/images/Artbound Tile Cover.png" alt="ARTBOUND X PBS"></a>
<section class="tile-container">
<div class="tile">
<a href="#ARTBOUND BY PBS REBRAND"><img src="/images/Artbound Tile Cover.png" alt="ARTBOUND X PBS"></a>
<div id="ARTBOUND BY PBS REBRAND" class="modal">
<div class="modal__content">
<h1>ARTBOUND BY PBS VISUAL IDENTITY REDESIGN</h1>
<h1>ARTBOUND BY PBS VISUAL IDENTITY REDESIGN</h1>
<pre>ROLE: STUDENT DESIGNER</pre>
<pre>DURATION: APPROX. 14 WEEKS</pre>
<pre>Project: Redesign the PBS Artbound Logo for Utilization in Exhibitions Using Conceptual Slogan — "Art Beyond Bounds".
<pre>Project: Redesign the PBS Artbound Logo for Utilization in Exhibitions Using Conceptual Slogan — "Art Beyond Bounds".<br>

Responsibility(s): Visual Identity Design, Print Design, Creative Direction, Brand and Marketing
Responsibility(s): Visual Identity Design, Print Design, Creative Direction, Brand and Marketing<br>

My Deliverables: Brand Guidelines (Print + Digital), Branded Stationary, Visual Identity Design Refinement, Brand Elements (Pattern / Monogram)
My Deliverables: Brand Guidelines (Print + Digital), Branded Stationary, Visual Identity Design Refinement, Brand Elements (Pattern / Monogram)<br>
<span class="image main"><img src="/images/Artbound Process 1.png" min-width="300" alt=""></span>
<span class="image main"><img src="/images/Artbound Process 2.png" min-width="300" alt=""></span>
<span class="image main"><img src="/images/Artbound Combomark Animation 2.gif" min-width="300" alt=""></span>

</pre>
<div id="lightbox" class="lightbox">
<span class="close">×</span>
Expand All @@ -78,7 +77,7 @@ <h1>ARTBOUND BY PBS VISUAL IDENTITY REDESIGN</h1>
<button style="padding-bottom: 16px !important; padding-top: 16px !important; margin-bottom: 8px !important; bottom: 16px !important; margin-top: 8px !important; margin-right: 8px !important; display: block;" id="myBtn" title="Back to Top">Back to Top</button>
</div>
</div>
</div>



<div class="tile">
Expand Down Expand Up @@ -134,8 +133,8 @@ <h1>THE BITCOIN LAYER INTERNSHIP</h1>
<h1>Snap Design Academy Product Design</h1>
<pre>ROLE: VISUAL DESIGNER AND DESIGN SCHOLAR | 2021</pre>
<pre>DURATION: APPROX. 2-3 MONTHS</pre>
</head>
<body>


<p>During the Summer of 2021 I had the incredible oppurtunity to participate in the 2021 Snap Design Academy hosted by Snap Inc. and LA-Tech.org. My participation within the program was an immense privilege, as I was able to have access to: fireside chats, design workshops, individualized mentorship, support systems, and technology.
<br> Much of my learning were performed when projects required cross-discinplinary teams that enabled me to utilize as much data as I needed to create solutions that addressed complex problems. Some works required the analysis and utilization of large amounts of crowd-sourced data while other projects required intentional communication to create product or services that were free of personal biases. Our projects allowed me to exercise my skills in project management, product research and analysis, and telecommunicative teamwork — all which were new ventures for me. By the end of the program, I was confident in my ability to create product and services that utilize the immense amount of networks available whether its data, people, or experiences.
<br> Below I will showcase my team's Capstone project and presentation that we presented to a Judge Panel and CEO of Snap Inc (2021), Evan Speigal. Our product is a Snapchat AR Lens that addresses Environmental Sustainability within Southern California's most dense concrete jungles.</p>
Expand All @@ -145,8 +144,8 @@ <h1>Snap Design Academy Product Design</h1>
Responsibility(s): Creative Direction, Visual Design, and UI/UX Design

Objective: Create a product or service addressing Environmental Sustainability in cooperation with Los Angeles Neighborhood Land Trust utilizing technology(s) provided by Snap Inc. and Snapchat.
<span class="image main"><img src="/images/Snap Process 1.png" min-width="300" alt="" /></span>
<span class="image main"><img src="/images/Snap Process 2.png" min-width="300" alt="" /></span>
<span class="image main"><img src="/images/Snap Process 1.png" min-width="300" alt=""></span>
<span class="image main"><img src="/images/Snap Process 2.png" min-width="300" alt=""></span>

Full 2021 Snap Academy Showcase Reel:
<div class="container">
Expand All @@ -155,10 +154,10 @@ <h1>Snap Design Academy Product Design</h1>

Final Prototype Design:
<div class="container">
<iframe class="responsive-iframe" src="https://www.youtube.com/embed/dsGMxnMAXQs" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<iframe class="responsive-iframe" src="https://www.youtube.com/embed/dsGMxnMAXQs" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe>
</div>
<span class="image main"><img src="/images/Snap Sponsor Page.png" min-width="300" alt="" /></span>
<span class="image main"><img src="/images/Snap Process 9.png" min-width="300" alt="" /></span>
<span class="image main"><img src="/images/Snap Sponsor Page.png" min-width="300" alt=""></span>
<span class="image main"><img src="/images/Snap Process 9.png" min-width="300" alt=""></span>
</pre>
<div id="lightbox" class="lightbox">
<span class="close">×</span>
Expand All @@ -176,7 +175,7 @@ <h1>Snap Design Academy Product Design</h1>
<button style="padding-bottom: 16px !important; padding-top: 16px !important; margin-bottom: 8px !important; bottom: 16px !important; margin-top: 8px !important; margin-right: 8px !important;" id="myBtn" title="Back to Top">Back to Top</button>
</div>
</div>
</div>



<div class="tile">
Expand All @@ -187,19 +186,19 @@ <h1>Sole Folks Visual Identity</h1> <pre>Project: Transdiscinplinary Partnership
<pre>ROLE: VISUAL DESIGNER</pre>
<pre>DURATION: APPROX. 14 WEEKS</pre>
<pre>My Deliverables: Brand Guidelines (Print + Digital), Branded Stationary, Visual Identity Design Refinement, Brand Elements (Pattern / Monogram), Retail Signage, and White-label Product Design</pre>
</head>
<body>


<p>While attaining my Bachelor's at ArtCenter College of Design I had the immense oppurtunity to partner with Sole Folks at Leimert Park, a Southern California retail shop and educational platform located within the heart of Los Angeles. Some course goals included providing a commercial-level redesign, brand and visual identity refinements, as well as print materials for fundraising and marketing assets for Sole Folks at Leimert Park. I gained immense knowledge of logistoical systems within retail businesses and how design thinking play an influential role in retail development. The course resulted in my concepts and designs being implemented as well as receive syndication via media outlets like CBS News Los Angeles | KCAL.</p>
<span class="image main"><img src="/images/Sole Process 1.png" min-width="300" alt="" /></span>
<span class="image main"><img src="/images/Sole Process 2.png" min-width="300" alt="" /></span>
<span class="image main"><img src="/images/Sole Process 1.png" min-width="300" alt=""></span>
<span class="image main"><img src="/images/Sole Process 2.png" min-width="300" alt=""></span>

Brand Guidelines:
<div class="inner">

<div class="container">
<iframe class="responsive-iframe" src="/images/Sole Folks Brand Guideline.pdf" min-width="300" alt="" /></span></iframe>
<iframe class="responsive-iframe" src="/images/Sole Folks Brand Guideline.pdf" min-width="300" alt=""></span></iframe>


</pre>
<div id="lightbox" class="lightbox">
<span class="close">×</span>
<img class="lightbox-content" id="lightbox-img">
Expand All @@ -217,28 +216,26 @@ <h1>Sole Folks Visual Identity</h1> <pre>Project: Transdiscinplinary Partnership
</div>
</div>
</div>


<div class="tile">
</div>
<div class="tile">
<a href="#SWATCH MONOGRAM TREATMENT"><img src="/images/Swatch Tile Cover.png" alt="SWATCH MONOGRAM TREATMENT"></a>
<div id="SWATCH MONOGRAM TREATMENT" class="modal">
<div class="modal__content">
<h1>SWATCH MONOGRAM TREATMENT</h1>
<pre>ROLE: VISUAL DESIGNER</pre>
<pre>DURATION: APPROX. 6 WEEKS</pre>
<pre>
Project: SWATCH Monogram Contest
<pre>Project: SWATCH Monogram Contest

Responsibility(s): Creative Direction and Visual Identity Design

Objective: Create a monogram for iconic Swiss-Watchmaker, SWATCH.

<span class="image main"><img src="/images/Swatch Process 1.png" min-width="300" alt="" /></span>
<span class="image main"><img src="/images/Swatch Bento.png" min-width="300" alt="" /></span>
<span class="image main"><img src="/images/Swatch Process 2.png" min-width="300" alt="" /></span>
<span class="image main"><img src="/images/Swatch Process 3.png" min-width="300" alt="" /></span>
<span class="image main"><img src="/images/Swatch Process 4.png" min-width="300" alt="" /></span>
<span class="image main"><img src="/images/Swatch Timelapse.MP4" min-width="300" alt="" /></span>
<span class="image main"><img src="/images/Swatch Process 1.png" min-width="300" alt=""></span>
<span class="image main"><img src="/images/Swatch Bento.png" min-width="300" alt=""></span>
<span class="image main"><img src="/images/Swatch Process 2.png" min-width="300" alt=""></span>
<span class="image main"><img src="/images/Swatch Process 3.png" min-width="300" alt=""></span>
<span class="image main"><img src="/images/Swatch Process 4.png" min-width="300" alt=""></span>
<span class="image main"><img src="/images/Swatch Timelapse.MP4" min-width="300" alt=""></span>

</pre>
<div id="lightbox" class="lightbox">
Expand All @@ -257,7 +254,7 @@ <h1>SWATCH MONOGRAM TREATMENT</h1>
<button style="padding-bottom: 16px !important; padding-top: 16px !important; margin-bottom: 8px !important; bottom: 16px !important; margin-top: 8px !important; margin-right: 8px !important;" id="myBtn" title="Back to Top">Back to Top</button>
</div>
</div>
</div>


<div class="tile">
<a href="#WELCOME MORTGAGE"><img src="/images/Welcome Tile Cover.png" alt="WELCOME MORTGAGE"></a>
Expand All @@ -266,22 +263,22 @@ <h1>SWATCH MONOGRAM TREATMENT</h1>
<h1>WELCOME MORTGAGE | MORTGAGE BROKER BRAND PROPOSAL</h1>
<pre>ROLE: VISUAL DESIGNER</pre>
<pre>DURATION: APPROX. 10-14 WEEKS</pre>
</head>
<body>


<pre>Project: Welcome Mortgage Logo Design Commission

Responsibility(s): Creative Direction and Visual Identity Design

Objective: Create a logo for small business running in North Texas specializing in Home Mortgages.
<span class="image main"><img src="/images/Welcome Process 1.png" min-width="300" alt="" /></span>
<span class="image main"><img src="/images/Welcome Mortgage Bento.png" min-width="300" alt="" /></span>
<span class="image main"><img src="/images/Welcome Process 2.png" min-width="300" alt="" /></span>
<span class="image main"><img src="/images/Welcome Process 3.png" min-width="300" alt="" /></span>
<span class="image main"><img src="/images/Welcome Process 4.png" min-width="300" alt="" /></span>
<span class="image main"><img src="/images/Welcome Process 5.png" min-width="300" alt="" /></span>
<span class="image main"><img src="/images/Welcome Process 6.png" min-width="300" alt="" /></span>
<span class="image main"><img src="/images/Welcome Process 7.png" min-width="300" alt="" /></span>
<span class="image main"><img src="/images/Welcome Process 8.png" min-width="300" alt="" /></span>
<span class="image main"><img src="/images/Welcome Process 1.png" min-width="300" alt=""></span>
<span class="image main"><img src="/images/Welcome Mortgage Bento.png" min-width="300" alt=""></span>
<span class="image main"><img src="/images/Welcome Process 2.png" min-width="300" alt=""></span>
<span class="image main"><img src="/images/Welcome Process 3.png" min-width="300" alt=""></span>
<span class="image main"><img src="/images/Welcome Process 4.png" min-width="300" alt=""></span>
<span class="image main"><img src="/images/Welcome Process 5.png" min-width="300" alt=""></span>
<span class="image main"><img src="/images/Welcome Process 6.png" min-width="300" alt=""></span>
<span class="image main"><img src="/images/Welcome Process 7.png" min-width="300" alt=""></span>
<span class="image main"><img src="/images/Welcome Process 8.png" min-width="300" alt=""></span>

</pre>
<div id="lightbox" class="lightbox">
Expand All @@ -300,7 +297,7 @@ <h1>WELCOME MORTGAGE | MORTGAGE BROKER BRAND PROPOSAL</h1>
<button style="padding-bottom: 16px !important; padding-top: 16px !important; margin-bottom: 8px !important; bottom: 16px !important; margin-top: 8px !important; margin-right: 8px !important;" id="myBtn" title="Back to Top">Back to Top</button>
</div>
</div>
</div>


</section>
</main>
Expand Down Expand Up @@ -383,6 +380,5 @@ <h1>WELCOME MORTGAGE | MORTGAGE BROKER BRAND PROPOSAL</h1>
});
</script>
<script src="scripts.js"></script>

</body>
</html>

0 comments on commit 2217f7e

Please sign in to comment.