> 0:00 | 0:00
[0:00 | Aurascript] > 00:00:00.480 | Overview: Role - From January to April 2022, I 00:00:04.930 | enhanced Abolish's brand and web 00:00:06.753 | identity in collaboration with its 00:00:08.673 | founders. I refined the logo and brand identity using Adobe 00:00:12.389 | Illustrator and Figma and led the website's front-end design, implementing 00:00:16.519 | custom CSS animations and developing key sections with 00:00:19.842 | HTML, CSS, and JavaScript. This effort was part of a 00:00:24.332 | collective endeavor to elevate Abolish's online 00:00:26.956 | interface and user engagement. 00:00:28.821 | Team: Mazen Alsafi, Daequan Brooks, Chase Guerin 00:00:33.112 | Duration: 4 months, (Jan 2022 - Apr 2022) 00:00:38.914 | Scope: Front-end, Branding & Identity 00:00:41.942 | Tools: Adobe Illustrator, Figma, HTML, CSS, JavaScript 00:00:47.609 | User Interface: 00:00:48.837 | Logos: Primary - Abolish, Primary Logo. Secondary - Abolish, 00:00:54.404 | Secondary Logo. Logo Treatment - Ideal logo treatment is a 00:00:58.504 | white logo on a black background. 00:01:00.700 | Typography: Primary - Abolish 00:01:03.474 | Color Styles: Primary - #000000. Secondary - #FFFFFF 00:01:10.113 | Brand Showcase: Abolish Homepage - I led the design 00:01:13.605 | and implementation of the homepage layout, while 00:01:16.284 | also crafting the Abolish Star music player from scratch using 00:01:19.746 | HTML, CSS, and JavaScript. Abolish Library - Additionally, 00:01:25.290 | I directed the creation of the Abolish library section on 00:01:28.387 | the site, allowing users to 00:01:30.004 | explore artwork references and discover the backstories behind Abolish's products, 00:01:34.867 | using HTML, CSS, and JavaScript. Abolish Star music player 00:01:40.085 | - This is a hands-on demonstration of the Abolish Star 00:01:42.993 | music player, showcasing its features and user interaction. Purpose 00:01:47.473 | - Website section. Abolish Purpose - Lastly, I was responsible 00:01:51.848 | for developing the 'Purpose' section of the site, utilizing HTML, 00:01:56.094 | CSS, and JavaScript to effectively convey Abolish's mission 00:02:00.035 | and core values. 00:02:01.312 | Next Case Study: Digitip - Mobile UI + UX
Role
From January to April 2022, I enhanced Abolish's brand and web identity in collaboration with its founders. I refined the logo and brand identity using Adobe Illustrator and Figma and led the website's front-end design, implementing custom CSS animations and developing key sections with HTML, CSS, and JavaScript.
This effort was part of a collective endeavor to elevate Abolish's online interface and user engagement.
Mazen Alsafi, Daequan Brooks, Chase Guerin
4 months, (Jan 2022 - Apr 2022)
Front-end, Branding & Identity
Adobe Illustrator, Figma, HTML, CSS, JavaScript
Primary
Secondary
Logo Treatment
Ideal logo treatment is a white logo on a black background.
-
Abolish
regular
- Thin
- ExtraLight
- Light
- Medium
- Regular
- SemiBold
- Bold
- ExtraBold
- Black
- ExtraBlack
- Thin Italic
- ExtraLight Italic
- Light Italic
- Medium Italic
- Regular Italic
- SemiBold Italic
- Bold Italic
- ExtraBold Italic
- Black Italic
- ExtraBlack Italic
AaAaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz
-
#000000
HexRgbCmykHsl
-
#FFFFFF
HexRgbCmykHsl
Abolish Homepage
I led the design and implementation of the homepage layout, while also crafting the Abolish Star music player from scratch using HTML, CSS, and JavaScript.
Abolish Library
Additionally, I directed the creation of the Abolish library section on the site, allowing users to explore artwork references and discover the backstories behind Abolish's products, using HTML, CSS, and JavaScript.
Abolish Star music player
This is a hands-on demonstration of the Abolish Star music player, showcasing its features and user interaction.
Abolish Purpose
Lastly, I was responsible for developing the 'Purpose' section of the site, utilizing HTML, CSS, and JavaScript to effectively convey Abolish's mission and core values.
Challenge
The major challenge was creating a distinctive brand that resonates with a diverse audience while balancing academic commitments.
The initial launch did not meet expected outcomes, leading to a reassessment of marketing strategies and audience engagement.
The resolution involved embracing failure as a learning curve, refining the brand's marketing approach, and engaging directly with the target audience for feedback. Efforts were redirected to enhance brand visibility and appeal through creative marketing and strategic influencer collaborations.
-
Universe
-
Guerin New York
-
Venture Copilot
-
Year Visualized
-
Abolish
-
Digitip
-
Ln Huis
-
Core
-
Project X
-
Chase Guerin
-
Zoom University
-
Omni
-
Theia