Mallary Robert 2023 Sophomore Graphic Design Portfolio

PORTFOLIO

EM BE R LOD G E RE S O RT & H OT E L Design and code a fictitious boutique hotel website landing page geared toward an audience of 18-24 year old people who enjoy affordable hotels with a variety of activities to choose from.

DES IG N C HAL LE NG E & G OA L S

Using HTML and CSS, the goal of this project was to produce a branded story and display relatable content to fit a clientele’s narrative.

OU TCO M E

Through this design challenge, I enhanced my skills with user experience, web design, HTML and CSS. This responsive website design collapses proportionately while maintaining effective usability consistent with the desktop version of the site.

Skills

Tools

UI/UX design

Adobe XD

Web design

Microsoft Visual Studio Code

HTML CSS Branding

Adobe Illustrator Adobe Photoshop

M US EUM L A N D I NG PAGE R E DE S I G N Redesign an existing user interface to a specific audience to create a more scannable and visually appealing interface.

DES IG N C HAL LE NG E & G OA L S

Design, prototype, and code a landing page that is usable and engaging by presenting existing content and branding from an actual museum’s website.

OU TCO M E

A key takeaway from this project was learning the Zurb foundation code and how useful it was to create effective grids that would line up the content effectively, and would allow all content to collapse in a clean way. It was a struggle at first, but I do think the look of this page remains recognizable and on-brand to the current look and feel of their actual homepage.

Skills

Tools

UI/UX design

Adobe XD

Web design

Microsoft Visual Studio Code

HTML CSS

Adobe Illustrator Adobe Photoshop

TY PO GR A P H Y C A R DS Create a cohesive layout design of 26 typography cards using serif and san serif fonts along with specific facts related to each font.

DESIG N CH ALLE NG E & G OALS

The main goal of this project was to produce a cohesive layout across 26 cards. I also had a design a unique pattern for each card related to a specific font on the on the other side of the card.

OUTCOM E

Finding and maintaining a consistent and cohesive layout was a challenge through navigating different illustrator files. However, I did learn a lot from this project when it comes to pattern design. I learned how to use the pattern tool in illustrator and how to manipulate type in order to make a compelling pattern design.

Skills

Tools

Layout

Adobe Illustrator

Typography

MUNC H R E STAU R A N T REV I EWS B LOG Design a web-based journal using WordPress and the “Twenty-Twenty” theme based on a specific topic featuring multiple posts and various web design elements and the use of custom CSS.

DES IG N C HAL LE NG E & G OA L S

The goal of this project was to design a blog with the constraints of the Wordpress content management system (CMS). I also had to develop a brand and branding elements that remain consistent across the blog.

OU TCO M E

Through this design challenge, I learned how to manage content of a website with constraints of a template. In all, I learned a lot with managing specific content in a constricting existing layout. I was able to gain confidence in changing existing CSS code to help apply color and layout

Skills

Tools

UI/UX Design

Adobe Illustrator

Web design

Adobe Photoshop

CSS

WordPress

Branding

EV E N T POST E R S Design an event poster for a fictitious event on any topic. Be able to put specific information in an interesting typographic layout that is easily readable and scannable from a distance and up close.

DES IG N C HAL LE NG E & G OA L S

The goal of this project is to enforce understanding of effective typographic hierarchy. I also had to understand how to incorporate text with images as well, and how to allow the text to still maintain easy readability and for the poster to overall have a clean visual flow.

OU TCO M E

The successful use and integration of typography and imagery allows for an interesting layout that is easily readable and scannable.

Skills

Tools

Editorial design

Adobe Illustrator

Layout

Adobe Photoshop

Typography

Adobe InDesign

J US T A GI R L MI N I Z I N E Design an 8-page minizine including a cover, 2 wellwritten spreads, a creative spread, and a JWU ad representing the graphic design program.

DES IG N C HAL LE NG E & G OA L S

The goal of this project was to develop a magazine with a specific theme, while maintaining consistency and using creative design elements and principles that would appeal to the audience for this particular magazine.

OU TCO M E

This complex project required dedication and attention to the smallest details. Using typography and layout such as a modular grid for every aspect of this minizine. This allowed for an effective and clean design! .

Skills

Tools

Editorial design

Adobe Illustrator

Layout

Adobe Photoshop

Typography

Adobe InDesign

ABY IS S W E B S I T E M O CKU PS Mockup several different pages for a start-up company to show how they could potentially layout their future user interface.

DES IG N C HAL LE NG E & G OA L S

The goal of this project was to create different layouts for different types of pages using existing copy and imagery along with creating my own imagery and wording to help the overall vision come to life.

OU TCO M E

In all I really like my take on these page layouts. I will continue to refine these existing designs and make new ones. .

Skills

Tools

UI/UX design

Figma

Layout

IN D E E D P L A NS B OOK Design a 12-page plans book for a national client that remains on-brand, has a cohesive layout and is able to represent research and effective marketing strategies to summarize an integrated advertising campaign.

DES IG N C HAL LE NG E & G OA L S

Competing in the NSAC, the JWU Ad Team developed a plans book with the goal of communicating an effective marketing campaign. The plans book consisted of research, strategy, media, budget, and advertising creative executions. The publication was designed using Indeed’s brand style guidelines as a guide.

OU TCO M E

Overall, the finished design was cohesive with a scannable clean layout that clearly demonstrates the campaign that is being summarized throughout the plans book.

Skills

Tools

Editorial design

Adobe InDesign

Layout Typography

NEW E NG L A N D SY NO D AS S E M B LY Design a simple symbolic logo for the New England Synod of the ELCA (Evangelical Lutheran Church in America) for their upcoming assembly.

DES IG N C HAL LE NG E & G OA L S

The goal of this logo design project was to design a logo based on the theme of “death and resurrection” in a simple and memorable way.

OU TCO M E

Overall, I gave the client several different iterations of the potential logo to pick from. I am proud of the overall final design, and it was a great experience to design for a real-world client. .

Skills

Tools

Logo design

Adobe Illustrator

Layout Typography

see more at mallaryrobert.com

THANK YOU