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 b2751ee commit 31d0e87
Showing 1 changed file with 67 additions and 69 deletions.
136 changes: 67 additions & 69 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -131,29 +131,35 @@ <h1>THE BITCOIN LAYER INTERNSHIP</h1>
<a href="#Snapchat"><img src="/images/Snap Tile Cover.png" alt="Snap Design Academy"></a>
<div id="Snapchat" class="modal">
<div class="modal__content">
<h1>Snap Design Academy Product Design</h1>
<p>
You can use the :target pseudo-class to create a modals with Zero JavaScript. Enjoy!
</p>
<div class="gallery">
<img src="/images/Snap Tile Cover.png" alt="Sole Folks" class="gallery-item">
<img src="/images/Snap Tile Cover.png" alt="Sole Folks" class="gallery-item">
<img src="/images/Snap Tile Cover.png" alt="Sole Folks" class="gallery-item">
<div id="lightbox" class="lightbox">
<span class="close">×</span>
<img class="lightbox-content" id="lightbox-img">
<div class="caption" id="caption"></div>
<a class="prev">❮</a>
<a class="next">❯</a>
</div>
</div>
<p>
You can use the :target pseudo-class to create a modals with Zero JavaScript. Enjoy!
</p>
<div class="gallery">
<img src="/images/Snap Tile Cover.png" alt="Sole Folks" class="gallery-item">
<img src="/images/Snap Tile Cover.png" alt="Sole Folks" class="gallery-item">
<img src="/images/Snap Tile Cover.png" alt="Sole Folks" class="gallery-item">
<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>
<hr>
<pre>Project: DreamGreen Lens in Partnership with Los Angeles Neighborhood Land Trust and Snap Inc.

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>

Full 2021 Snap Academy Showcase Reel:
<div class="container">
<iframe class="responsive-iframe" src="https://www.youtube-nocookie.com/embed/7aHDbQDmWWA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen=""></iframe>
</div>

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>
</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>
</pre>
<div id="lightbox" class="lightbox">
<span class="close">×</span>
<img class="lightbox-content" id="lightbox-img">
Expand All @@ -177,29 +183,23 @@ <h1>Snap Design Academy Product Design</h1>
<a href="#Sole Folks"><img src="/images/Sole Folks Tile Cover.png" alt="Sole Folks"></a>
<div id="Sole Folks" class="modal">
<div class="modal__content">
<h1>Sole Folks Visual Identity</h1>
<p>
You can use the :target pseudo-class to create a modals with Zero JavaScript. Enjoy!
</p>
<div class="gallery">
<img src="/images/Sole Folks Tile Cover.png" alt="Sole Folks" class="gallery-item">
<img src="/images/Sole Folks Tile Cover.png" alt="Sole Folks" class="gallery-item">
<img src="/images/Sole Folks Tile Cover.png" alt="Sole Folks" class="gallery-item">
<div id="lightbox" class="lightbox">
<span class="close">×</span>
<img class="lightbox-content" id="lightbox-img">
<div class="caption" id="caption"></div>
<a class="prev">❮</a>
<a class="next">❯</a>
</div>
</div>
<p>
You can use the :target pseudo-class to create a modals with Zero JavaScript. Enjoy!
</p>
<div class="gallery">
<img src="/images/Sole Folks Tile Cover.png" alt="Sole Folks" class="gallery-item">
<img src="/images/Sole Folks Tile Cover.png" alt="Sole Folks" class="gallery-item">
<img src="/images/Sole Folks Tile Cover.png" alt="Sole Folks" class="gallery-item">
<h1>Sole Folks Visual Identity</h1> <pre>Project: Transdiscinplinary Partnership with Sole Folks | Leimert Park</pre>
<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>

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>

</pre>
<div id="lightbox" class="lightbox">
<span class="close">×</span>
<img class="lightbox-content" id="lightbox-img">
Expand Down Expand Up @@ -263,29 +263,27 @@ <h1>SWATCH MONOGRAM TREATMENT</h1>
<a href="#WELCOME MORTGAGE"><img src="/images/Welcome Tile Cover.png" alt="WELCOME MORTGAGE"></a>
<div id="WELCOME MORTGAGE" class="modal">
<div class="modal__content">
<h1>WELCOME MORTGAGE | MORTGAGE BROKER BRAND PROPOSAL</h1>
<p>
You can use the :target pseudo-class to create a modals with Zero JavaScript. Enjoy!
</p>
<div class="gallery">
<img src="/images/Welcome Tile Cover.png" alt="Artbound X PBS" class="gallery-item">
<img src="/images/Welcome Tile Cover.png" alt="Artbound X PBS" class="gallery-item">
<img src="/images/Welcome Tile Cover.png" alt="Artbound X PBS" class="gallery-item">
<div id="lightbox" class="lightbox">
<span class="close">×</span>
<img class="lightbox-content" id="lightbox-img">
<div class="caption" id="caption"></div>
<a class="prev">❮</a>
<a class="next">❯</a>
</div>
</div>
<p>
You can use the :target pseudo-class to create a modals with Zero JavaScript. Enjoy!
</p>
<div class="gallery">
<img src="/images/Welcome Tile Cover.png" alt="Artbound X PBS" class="gallery-item">
<img src="/images/Welcome Tile Cover.png" alt="Artbound X PBS" class="gallery-item">
<img src="/images/Welcome Tile Cover.png" alt="Artbound X PBS" class="gallery-item">
<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>

</pre>
<div id="lightbox" class="lightbox">
<span class="close">×</span>
<img class="lightbox-content" id="lightbox-img">
Expand Down

0 comments on commit 31d0e87

Please sign in to comment.