i'melisabeth.
i'm
elisabeth
welcome to my portfolio
welcome to my portfolio
or something.
CATALOG
Indesign
Photoshop
DISPLAY
Glyphs
BITE
Spray Paint
Procreate
NESTED
Procreate
Illustrator
CATALOG
Indesign
Photoshop
DISPLAY
Glyphs
BITE
Spray Paint
Procreate
NESTED
Procreate
Illustrator
CATALOG
Indesign
Photoshop
DISPLAY
Glyphs
BITE
Spray Paint
Procreate
NESTED
Procreate
Illustrator
CATALOG
Indesign
Photoshop
DISPLAY
Glyphs
BITE
Spray Paint
Procreate
NESTED
Procreate
Illustrator
CATALOG
Indesign
Photoshop
DISPLAY
Glyphs
BITE
Spray Paint
Procreate
NESTED
Procreate
Illustrator
CATALOG
Indesign
Photoshop
DISPLAY
Glyphs
BITE
Spray Paint
Procreate
NESTED
Procreate
Illustrator
CATALOG
Indesign
Photoshop
DISPLAY
Glyphs
BITE
Spray Paint
Procreate
NESTED
Procreate
Illustrator
CATALOG
Indesign
Photoshop
DISPLAY
Glyphs
BITE
Spray Paint
Procreate
NESTED
Procreate
Illustrator
catalog
THE ASSIGNMENT
Create a sales catalog for a collection of 30 or more items in inDesign.
THE ASSIGNMENT
Create a sales catalog for a collection of 30 or more items in inDesign.
PHOTOGRAPHY
The images of the seed packages themselves were done by me, but there needed to be supplementary visuals. All of the produce and flower photos were generated using Firefly. The only exception were the full page divider photos, which were sourced from Pixabay and Freepik.
PHOTOGRAPHY
The images of the seed packages themselves were done by me, but there needed to be supplementary visuals. All of the produce and flower photos were generated using Firefly. The only exception were the full page divider photos, which were sourced from Pixabay and Freepik.
TYPOGRAPHY
The final typographic system chosen with which to proceed with the catalog. Bodoni italic was used to be an elegant contrast against the sans only body text. Futura book weight was a suitable at small sizes, and featured as the typeface for body text. Variations of Avant Garde Gothic added texture and established the information hierarchy on the page.
TYPOGRAPHY
Web design is the art and science of creating visually appealing and functional websites that provide seamless user experiences. By blending aesthetics, usability, and cutting-edge technology, web design shapes how individuals interact with digital spaces. It encompasses layout design, typography, color schemes, and responsive frameworks, ensuring websites look and perform flawlessly across devices. Whether for businesses, personal portfolios, or e-commerce platforms
CONSTRUCTION
The individual items, after undergoing numerous revisions would be shown with a big bold name, a less weighty variation label, the flag of the country of product origin, then be followed up by the item description, and lastly the price and item number.
CONSTRUCTION
The individual items, after undergoing numerous revisions would be shown with a big bold name, a less weighty variation label, the flag of the country of product origin, then be followed up by the item description, and lastly the price and item number.
FINAL PRODUCT
The final catalog came out to be 32 pages, an 8 page increase from the first draft. Every catalog, for printing purposes, had to be designed with a page count that's a multiple of four.
FINAL PRODUCT
The final catalog came out to be 32 pages, an 8 page increase from the first draft. Every catalog, for printing purposes, had to be designed with a page count that's a multiple of four.
MONOGRAM
A monogram was designed for the company for the sake of adding more identity. The double B being for "Botanic Boutique" with a visual accent of two leaves in reference to it being a gardening company. The monogram only appeared fully on the back cover, so it seemed that business cards would be a fitting way to bring it back.
MONOGRAM
A monogram was designed for the company for the sake of adding more identity. The double B being for "Botanic Boutique" with a visual accent of two leaves in reference to it being a gardening company. The monogram only appeared fully on the back cover, so it seemed that business cards would be a fitting way to bring it back.
Framer developer
A Framer developer specializes in building interactive and visually stunning digital experiences using Framer, a powerful design and prototyping tool. Combining creative design principles with advanced coding skills, they craft responsive websites, animations, and prototypes that bring ideas to life. With a focus on seamless interactions and performance, Framer developers bridge the gap between design and development, enabling teams to iterate quickly and deliver polished, user-centric products.
display
THE ASSIGNMENT
Design a unique display typeface.
THE ASSIGNMENT
Design a unique display typeface.
CONCEPTS
While creating concepts, we were supposed to reference typefaces already in existance to determine how common the idea really is. The third concept, Blacklink, was created purely on a whim in like a minute and still ended up being picked. In hindsight I'm definitely glad.
CONCEPTS
While creating concepts, we were supposed to reference typefaces already in existance to determine how common the idea really is. The third concept, Blacklink, was created purely on a whim in like a minute and still ended up being picked. In hindsight I'm definitely glad.
ESTABLISHING THE SYSTEM
The one thing I went into this project with knowing was that I wanted a clean system of construction. With the approved concept 3, An integral concept was that all characters would "link" together with extrusions on their left and a groove that would receive it on the right of each character. All counters would be the exact same weight and all measurements would be based around the width of the universal counter. Characters were relentlessly compared to maintain consistent proportions and new global rules would be added to ensure consistency.
ESTABLISHING THE SYSTEM
The one thing I went into this project with knowing was that I wanted a clean system of construction. With the approved concept 3, An integral concept was that all characters would "link" together with extrusions on their left and a groove that would receive it on the right of each character. All counters would be the exact same weight and all measurements would be based around the width of the universal counter. Characters were relentlessly compared to maintain consistent proportions and new global rules would be added to ensure consistency.
FINAL TYPEFACE SAMPLE
Blacklink contains a total of over 250 characters, each built in Glyphs 3. To the right is a colored sample featuring the lowercase and uppercase Latin alphabet, along with punctuation and numbers.
FINAL TYPEFACE SAMPLE
Web design is the art and science of creating visually appealing and functional websites that provide seamless user experiences. By blending aesthetics, usability, and cutting-edge technology, web design shapes how individuals interact with digital spaces. It encompasses layout design, typography, color schemes, and responsive frameworks, ensuring websites look and perform flawlessly across devices. Whether for businesses, personal portfolios, or e-commerce platforms
IN USE
A mock advertisement for a new truck model, with Blacklink being the wordmark of the company and the type used on the raised badge.
IN USE
A mock advertisement for a new truck model, with Blacklink being the wordmark of the company and the type used on the raised badge.
ATHLETE PROMO
A poster design for a fictional athlete, with Blacklink being used for her name and player number.
ATHLETE PROMO
A poster design for a fictional athlete, with Blacklink being used for her name and player number.
Framer developer
A Framer developer specializes in building interactive and visually stunning digital experiences using Framer, a powerful design and prototyping tool. Combining creative design principles with advanced coding skills, they craft responsive websites, animations, and prototypes that bring ideas to life. With a focus on seamless interactions and performance, Framer developers bridge the gap between design and development, enabling teams to iterate quickly and deliver polished, user-centric products.
bite
THE ASSIGNMENT
Recreate a randomly assigned spray paint artists' graffiti style with a street art piece of our own. A five letter word is chosen, and all students will paint the same word.
THE ASSIGNMENT
Recreate a randomly assigned spray paint artists' graffiti style with a street art piece of our own. A five letter word is chosen, and all students will paint the same word.
SKETCH
The word chosen by the class was "funky." Dater, the artist whose style I was tasked with replicating, often makes accompanying illustrations. I felt omitting the monkey would be heinous.
SKETCH
Web design is the art and science of creating visually appealing and functional websites that provide seamless user experiences. By blending aesthetics, usability, and cutting-edge technology, web design shapes how individuals interact with digital spaces. It encompasses layout design, typography, color schemes, and responsive frameworks, ensuring websites look and perform flawlessly across devices. Whether for businesses, personal portfolios, or e-commerce platforms
COLOR TESTING
A loosely colored series of digital renditions of the pencil drawing to compare palettes: seeing which ones were more interesting, seeing which fit the word, seeing which were appropriate for the style.
COLOR TESTING
A loosely colored series of digital renditions of the pencil drawing to compare palettes: seeing which ones were more interesting, seeing which fit the word, seeing which were appropriate for the style.
"DOODLE GRID"
The "doodle grid" is a bunch of closely packed small spray paint sketches that create a grid that makes it easier to determine the proportions of the piece once we start painting for real.
"DOODLE GRID"
The "doodle grid" is a bunch of closely packed small spray paint sketches that create a grid that makes it easier to determine the proportions of the piece once we start painting for real.
DIGITAL MOCKUP
Before painting for real, we designed what we drew in pencil in a digital space so we could choose our colors and where it would end up on the wall.
DIGITAL MOCKUP
Before painting for real, we designed what we drew in pencil in a digital space so we could choose our colors and where it would end up on the wall.
IN THE REAL
The final piece process started with making a sketch based on our digital versions. I quickly got super lost in the lines and may or may not have freehanded the other 80% but nobody needs to know that. After that comes laying down color blocks. The final and largest step is lining and refining with black.
IN THE REAL
The final piece process started with making a sketch based on our digital versions. I quickly got super lost in the lines and may or may not have freehanded the other 80% but nobody needs to know that. After that comes laying down color blocks. The final and largest step is lining and refining with black.
FINAL PIECE
Adding the monkey ruined my week a little, seeing as the finest lines that can be made with our caps were not fine enough. I would have preferred if I'd just left it at the letters but whatever.
FINAL PIECE
Adding the monkey ruined my week a little, seeing as the finest lines that can be made with our caps were not fine enough. I would have preferred if I'd just left it at the letters but whatever.
IN THE WILD
Why not see how it would look on another wall? I didn't find an adequate hat or notebook mockup PSD so here we are I guess.
IN THE WILD
Why not see how it would look on another wall? I didn't find an adequate hat or notebook mockup PSD so here we are I guess.
Framer developer
A Framer developer specializes in building interactive and visually stunning digital experiences using Framer, a powerful design and prototyping tool. Combining creative design principles with advanced coding skills, they craft responsive websites, animations, and prototypes that bring ideas to life. With a focus on seamless interactions and performance, Framer developers bridge the gap between design and development, enabling teams to iterate quickly and deliver polished, user-centric products.
nested
THE ASSIGNMENT
Design a nested typography piece in Adobe Illustrator, build a 3D version in Shapr, then print with a 3D printer.
THE ASSIGNMENT
Design a nested typography piece in Adobe Illustrator, build a 3D version in Shapr, then print with a 3D printer.
SKETCH
The typography done had to be of a quote that the individual has said. Naturally mine was "They look like onions." I drafted up a drawing in the dimensions of the final piece, and decided I would build the letters stacked on top of each other in waves. With the exception of "onions" all of the words would stack neatly, considering that they're all four letters long.
SKETCH
The typography done had to be of a quote that the individual has said. Naturally mine was "They look like onions." I drafted up a drawing in the dimensions of the final piece, and decided I would build the letters stacked on top of each other in waves. With the exception of "onions" all of the words would stack neatly, considering that they're all four letters long.
2D FILE
The Illustrator build of the drawing. "Leading" was added to distinguish the letters and the letter overlap was removed. The counters were made more bulbous. The letters are color coded by height they'll be in the final.
2D FILE
Web design is the art and science of creating visually appealing and functional websites that provide seamless user experiences. By blending aesthetics, usability, and cutting-edge technology, web design shapes how individuals interact with digital spaces. It encompasses layout design, typography, color schemes, and responsive frameworks, ensuring websites look and perform flawlessly across devices. Whether for businesses, personal portfolios, or e-commerce platforms
EXTRUDED & COLORED
Since they've not yet been approved for printing, there's still no final product. This is an extruded version of the piece, with the color code replaced with something less functional and more fun to look at.
EXTRUDED & COLORED
Since they've not yet been approved for printing, there's still no final product. This is an extruded version of the piece, with the color code replaced with something less functional and more fun to look at.
MOCKUP
...And there it is on a t-shit.
MOCKUP
...And there it is on a t-shit.
Framer developer
A Framer developer specializes in building interactive and visually stunning digital experiences using Framer, a powerful design and prototyping tool. Combining creative design principles with advanced coding skills, they craft responsive websites, animations, and prototypes that bring ideas to life. With a focus on seamless interactions and performance, Framer developers bridge the gap between design and development, enabling teams to iterate quickly and deliver polished, user-centric products.
