https://www.jocelyngrant.com/contact daily 0.75 2025-08-24 https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/00462cdc-9cc7-4af0-b767-4ba8f743e7ab/IMG_2161+copy.jpg https://www.jocelyngrant.com/cover-pricing daily 0.75 2022-11-18 https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/a1c94955-5a76-4b65-b625-dff1ae9b2dd4/goodreads+giveaway+instagram.jpeg Cover Pricing - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/91ee9f1b-e886-4ac6-855d-2d94969e2c9f/demonseriesmilti.png Cover Pricing - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/2c14fc6e-7b33-4052-ac84-bde5c2d265b6/038-6x9-Paperback-Upright-Front-Back-COVERVAULT.png Cover Pricing - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/b92ca311-d36b-406d-b97b-abbd9b0bcd87/069-6x9-Hardcover-Ebook-Mockup-COVERVAULT.png Cover Pricing - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/95f2f0e0-a855-4f9a-a90b-86679e10ea8a/flashpointstack-wider.png Cover Pricing - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://www.jocelyngrant.com/home daily 1.0 2025-08-27 https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/1649615025916-X4EWNJ8QIFGI6MG74SJF/glacierwebdisplay.png https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/c304d6d1-8f03-4d42-b6af-1a844c94ff68/Irene_online+copy.jpg https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/a3cac436-7c4d-4fce-926c-6b35ca62005d/5-Mockup-sampler.jpg https://www.jocelyngrant.com/art-illustration daily 0.75 2025-08-26 https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/c304d6d1-8f03-4d42-b6af-1a844c94ff68/Irene_online+copy.jpg Illustration & Lettering "Irene, Queen of Attolia" Art Nouveau Poster, homage to Alphonse Mucha https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/43b65875-e70e-4344-8dad-899b231ad84b/firestormcover.png Illustration & Lettering "Firestorm" Unofficial Album Cover https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/1651202135451-599TF4ZW1IC6VC47KBXN/blue_electric_angels.jpg Illustration & Lettering "Beware the Blue Electric Angels" inspired by A Madness of Angels by Kate Griffin https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/4ec0060c-679d-473b-9488-e8c73853788b/Choose_Only_One_Master.jpg Illustration & Lettering "Choose Only One Old Master: Nature" https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/6b33e4aa-e6f8-4dd9-92e4-3725c7795059/murderbot+friend.png Illustration & Lettering "Murderbot" inspired by All Systems Red by Martha Wells https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/232314a5-5dec-4762-95db-576e6eb3a703/Temeraire_Render_Lo_Res.png Illustration & Lettering "Temeraire Portrait" inspired by Temeraire by Naomi Novik https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/a40867f3-b531-42ed-a234-633d1401374f/Space_Shuttle.jpg Illustration & Lettering "Minus Ten and Counting" Unofficial Album Cover https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/60305667-96ec-4758-9a07-2986dd072992/Temeraire_Painting.jpg Illustration & Lettering "Temeraire Flying" inspired by Temeraire by Naomi Novik https://www.jocelyngrant.com/portfolio daily 0.75 2025-08-27 https://www.jocelyngrant.com/portfolio/navylifepnw-magazine monthly 0.5 2025-08-27 https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/f89753ad-f3ae-4ea6-9493-0f53984a42c3/Mockup_07.jpg Design Portfolio - NavyLifePNW Magazine https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/5b36a6b9-eb49-4c7c-9629-618c51881dc0/Mockup_06.jpg Design Portfolio - NavyLifePNW Magazine https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/2c3101c7-d6b2-4f71-b980-2ab5373bd342/cover_Mockup_02.jpg Design Portfolio - NavyLifePNW Magazine https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/04a816d6-d7da-4eb5-9383-c8eca3c1e3e3/Mockup_03.jpg Design Portfolio - NavyLifePNW Magazine https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/6e89952d-f3d0-4138-947d-27ad5c39d3ba/Mockup_02.jpg Design Portfolio - NavyLifePNW Magazine https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/07548058-9c92-4fc2-a711-d864924bde23/Mockup_05.jpg Design Portfolio - NavyLifePNW Magazine https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/75837953-1eda-4026-9276-415455bd7c11/Mockup_04.jpg Design Portfolio - NavyLifePNW Magazine https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/fb0f4d99-9ec0-41ad-8894-6f48837bfa01/Mockup_01.jpg Design Portfolio - NavyLifePNW Magazine https://www.jocelyngrant.com/portfolio/velvet-robot-coffee-lab-rebrand monthly 0.5 2022-04-10 https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/721fabac-4e44-4e2f-951a-5ff85ac19fde/Asset+22%4010x.png Design Portfolio - Velvet Robot Coffee Lab Rebrand https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/5555eebc-5fda-42ea-9979-a9e07cd15844/grant_project4-2.png Design Portfolio - Velvet Robot Coffee Lab Rebrand - Logo Process Initially, my logo explorations maintained the current branding’s emphasis on “robot” but ultimately shifted more towards “lab.” https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/a9c3fcd8-f846-48c1-935c-e3bd4b596985/grant_project4.png Design Portfolio - Velvet Robot Coffee Lab Rebrand - Information Gathering To begin the project, I made note of Velvet Robot Coffee Lab’s current brand, audience, and competitors. https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/59ab90c8-cf05-4596-9a09-094bd2954f3a/grant_project47.png Design Portfolio - Velvet Robot Coffee Lab Rebrand sketch https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/a04cac06-ba99-4dc7-8ab6-e927d74a38c1/mockup+with+sleeve.png Design Portfolio - Velvet Robot Coffee Lab Rebrand https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/b0281ec2-8e95-4325-a49f-8735f2d4041b/grant_project48.png Design Portfolio - Velvet Robot Coffee Lab Rebrand draft https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/1f5dfff2-b81d-4aec-b0e4-712fd5ba788a/mockup+with+lid.png Design Portfolio - Velvet Robot Coffee Lab Rebrand https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/24f09c4f-a887-47d0-8f32-7cf08c07281a/grant_project4.jpg Design Portfolio - Velvet Robot Coffee Lab Rebrand https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/e5f6f0f6-fa82-4ea0-aadf-46f31ec90afc/vrclgift.png Design Portfolio - Velvet Robot Coffee Lab Rebrand https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/417e089f-799c-459b-a0bd-a470afc85dca/drinkoutisde.png Design Portfolio - Velvet Robot Coffee Lab Rebrand https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/b84d6b7f-57d5-463b-9299-d293fad4817d/drinkinside.png Design Portfolio - Velvet Robot Coffee Lab Rebrand https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/cfd16629-bbe5-4538-bd6a-b9f385ffcaca/vrclmugs.png Design Portfolio - Velvet Robot Coffee Lab Rebrand https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/da56d5f9-b163-4a62-9f92-677c30e616d2/FreePaperTakeoutBoxes2.png Design Portfolio - Velvet Robot Coffee Lab Rebrand https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/cc4d921a-75a6-4e90-88b3-71ff75372dd8/insta+3+posts.png Design Portfolio - Velvet Robot Coffee Lab Rebrand https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/1fa6de4c-f061-437d-ba06-90d0a9adbacc/thirtred.png Design Portfolio - Velvet Robot Coffee Lab Rebrand https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/21fdcbac-f9ea-46fb-8c75-a9bf50d02453/Free+9x4+Envelope+Mockup.png Design Portfolio - Velvet Robot Coffee Lab Rebrand https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/5ec1b84d-1375-455c-afc3-6e7712158067/test4.png Design Portfolio - Velvet Robot Coffee Lab Rebrand https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/a6b8c382-7d62-4673-b046-8f9f3c3b444a/identity-design-mockup-01-scene-01.png Design Portfolio - Velvet Robot Coffee Lab Rebrand https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/4376d564-23f2-4b90-a71d-a2c380d24e8a/grant_project414.png Design Portfolio - Velvet Robot Coffee Lab Rebrand https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/608abbb1-1f8a-45c7-bd42-28b2208becfa/grant_project416.png Design Portfolio - Velvet Robot Coffee Lab Rebrand https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/d10f275d-2e36-4b41-bb88-02102bc06f13/grant_project415.png Design Portfolio - Velvet Robot Coffee Lab Rebrand https://www.jocelyngrant.com/portfolio/the-planet-anthology monthly 0.5 2022-11-18 https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/c0bd3e11-a0c6-474c-884f-056f89e28fa8/spread4.jpg Design Portfolio - The Planet Anthology Winter Intersections Cover. Photo by Cicada London. Design by Jocelyn Grant. https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/33df303d-34ff-4031-9cb4-767b3544441d/spread3.jpg Design Portfolio - The Planet Anthology Cultivating Hope article. Story by Vivian Voth, photos by Max Widjaja. Layout by Jocelyn Grant. https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/1327fc60-2dee-4712-bd7c-033bea9c3c43/spread5.jpg Design Portfolio - The Planet Anthology The Ghosts of Puget Sound article. Story by Joe Magnani, photos by Cicada London. Layout by Jocelyn Grant. https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/c1325bee-ff31-4d3c-a6b3-1acd0917de41/spread2.jpg Design Portfolio - The Planet Anthology The Promise of Repurpose article. Story by Sophie Reynolds, photos by Max Widjaja. Layout by Jocelyn Grant. https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/aef549ab-1a0e-4337-b69c-2260b4b54f01/spread.jpg Design Portfolio - The Planet Anthology Shredding Powder and Gender Stereotypes article. Story by Anna Friedrich, photos by Max Widjaja and Matt Roebke. Layout by Jocelyn Grant. https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/33aa11cd-7be8-4ad8-89de-55056f71d6fd/spread6.jpg Design Portfolio - The Planet Anthology Shredding Powder and Gender Stereotypes article. Story by Anna Friedrich, photos by Max Widjaja and Matt Roebke. Layout by Jocelyn Grant. https://www.jocelyngrant.com/portfolio/pathologize monthly 0.5 2022-05-15 https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/14b6678e-e12a-4279-9666-4c7e395f0245/title.png Design Portfolio - Pathologize - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/90357271-64c2-42da-b115-ecdb09b0f3a7/BRW105BAD1C9F09_000471.png Design Portfolio - Pathologize - Concept The design of Pathologize derived from its concept. When asexuality is pathologized, it places a person’s natural state into an uncomfortable medical context, thus the book had to become medical in such a way that it would be uncomfortable to interact with. The translucent pages making the text somewhat difficult to read and the unsettling texture of the silicone cover both served these ends. https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/c1a961c0-e868-4e0f-9707-f6e959f1b14d/veins+art+1.png Design Portfolio - Pathologize - Content The text of Pathologize is entirely quotation; each source is a medical study on asexuality, cited in proper APA format at the bottom of each page. The art, in contrast, is completely original, each spread a section of one continuous piece. https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/5caaa5f4-75f0-42bf-8115-2688359ccad5/bagged-w.png Design Portfolio - Pathologize https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/2a7ad035-ca8f-47bc-b847-483554356221/book-with-bag.png Design Portfolio - Pathologize https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/781a1649-a167-499e-8c24-e06fb801dee7/page+1.png Design Portfolio - Pathologize https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/073b4e32-414a-4db9-baa4-e890e7da7310/spine.png Design Portfolio - Pathologize pathologize spine https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/7e8fc2c0-6f1b-408e-9ca6-52c2dca48937/inner+spread.png Design Portfolio - Pathologize https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/613a2d6d-6a51-4cae-8303-953fcbbcfb26/cover-w.png Design Portfolio - Pathologize https://www.jocelyngrant.com/portfolio/the-queens-thief-title-sequence monthly 0.5 2022-04-10 https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/ecfdb91b-25a4-4ecb-8931-067d9a9ffdc0/Final+Process+Book21-2.png Design Portfolio - The Queen's Thief Title Sequence moldboard https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/32e3278c-7a86-4c8d-b629-0a7350d37cdf/Final+Process+Book24.png Design Portfolio - The Queen's Thief Title Sequence storyboard https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/e930b8c2-2043-4b9e-997a-d67a09eca57c/Final+Process+Book25.png Design Portfolio - The Queen's Thief Title Sequence style frames https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/67f6df77-5b84-4db3-8b1e-74e57e8dd05a/Final+Process+Book26.png Design Portfolio - The Queen's Thief Title Sequence motion test https://www.jocelyngrant.com/portfolio/human-origins monthly 0.5 2022-05-15 https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/8b60de49-a667-4e95-af6c-4e27a90b3f79/cover+comic+perspective.png Design Portfolio - Human Origins - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/527043a8-53e3-4e18-abf1-50f5f6bca33f/human+origins+process.jpg Design Portfolio - Human Origins - Inspiration & Information I began the work on Human Origins by gathering inspiration and reference material. Much of the factual content of the book came from Alyson Rollins’s Anthropology 102 and 215 classes, while the design inspiration ranged from Life Nature Library’s Early Man, the origin of the infamous March of Progress image, to Stand Still Stay Silent, a fantasy webcomic which happens to contain the best illustration of the Indo-European Language Family Tree on the internet. https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/fc15f89b-a4f8-4523-add4-394bed69ac03/capstone4pages+of+process.jpg Design Portfolio - Human Origins - Layouts & Refinements The longest phase of the project was the illustration and layout phase. Each page went through multiple rounds of changes as illustrations replaced placeholder images. Even the text changed, often being cut down to focus on only the most important information. https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/77ac0365-4865-42b4-961e-b246e404786c/human+origins+process2.jpg Design Portfolio - Human Origins - Visual Development Armed with a text document and preliminary sketches, I moved on to fleshing out the visual style, selecting type, color palettes, and types of illustration. For type, the book uses Proxima Nova and Skolar Latin, allowing both striking titles and academic-toned text. The ultimate colors were bright, including an entire rainbow of hues but limited to specific tones and shades. The book has two separate illustration styles: thick-stroked color digital painting for concept illustrations and diagrams, and grayscale digital drawings for accurate scientific images. https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/7fa5c1da-0c57-4cef-98df-b089363486eb/classspread1.png Design Portfolio - Human Origins - Sketching & Drafting As the early phases of the project progressed, I collected my class notes into one coherent informational document and began to sketch page layouts, focusing on maximizing information impact through image and color. As both writer and designer of the book, I had a unique opportunity to tailor the text and images to work in concert with the design. https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/e8c782ab-aa6a-49fc-bfc8-0baed23e0405/spread1.jpg Design Portfolio - Human Origins https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/3c40b16c-e5c8-484b-8045-08595f16d715/spread2.jpg Design Portfolio - Human Origins https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/2b7466d5-2caa-45d2-84fb-250ec7577d79/spread3.jpg Design Portfolio - Human Origins https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/db46ac21-b11e-4617-bdb9-e09c6e98b10d/spread4.jpg Design Portfolio - Human Origins https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/0ee6ce20-b4ba-4e81-b022-16571dbd7c0e/spread6.jpg Design Portfolio - Human Origins https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/69669430-f81d-412d-8f7c-577ab94ccaca/spread7.jpg Design Portfolio - Human Origins https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/a42dd870-b1ed-4654-a7e7-1c87ecca122d/spread8.png Design Portfolio - Human Origins https://www.jocelyngrant.com/portfolio/glaciers monthly 0.5 2022-04-10 https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/1b3947b5-e6eb-40b1-aeba-dd2c2ac16686/Free-iMac-Mockup_animated_shorter.gif Design Portfolio - Glaciers - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/65260e43-dcc9-40e0-a15d-ed5986dc07d0/styleboard+website.jpg Design Portfolio - Glaciers - Early Stages The first phase of this project was picking a story. The Vice article stood out to me as an interesting topic that would normally lose readers due to a perception of dryness. I focused on the idea of bringing out the interesting parts of the subject matter via a bright but not silly design style. As I began to sketch layouts for the site, I sought professional but engaging layouts which would allow for a large number of isometric illustrations. https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/d9f5fbf3-50da-4f22-8471-a30c33155da0/website+drafts.png Design Portfolio - Glaciers - Iterations I settled on a concept involving a strong vertical-scroll interaction: the site would have a “river” flowing down the middle of it, which would fill with water as the user scrolled. the water would come from the melting of the glacier in the header image and end dripping into a water bottle, giving the site a visual narrative tying glaciers to drinking water and reinforcing the message of the text. After choosing my concept, I iterated on the layout and the illustrations. https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/b8cd0435-11b8-43f9-8abe-33f6e9b6630f/iphone-13-pro-max-mockup_freebie.png Design Portfolio - Glaciers - Coding Coding the site was the final and longest step. Using Skeleton as a base, I first set about creating the illusion of the flowing river, via primarily a series of layered PNG images. The rest of the site was constructed with columns, still images, animated GIFs, and CSS transitions. Glaciers is both tablet and mobile friendly, fully tested at all common browser sizes and in three of the most common browsers, Chrome, Safari, and Firefox. https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/d3bd872b-e4ac-4797-8ab7-43dd52a92145/stackofdesktop.png Design Portfolio - Glaciers - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/2ba06cfe-75b2-4554-b9ca-b9d1b2712385/Website_Sketches_-4.png Design Portfolio - Glaciers https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/1f82568a-e70e-4eef-9915-f1a822f737fa/Website_Sketches_-2.png Design Portfolio - Glaciers https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/b41d81e7-4501-40c4-b7c7-f5fa6f52801b/Website_Sketches_-1+2.png Design Portfolio - Glaciers https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/72de36d5-62bc-41de-ac77-0141a1fa07cf/Website_Sketches_-3.png Design Portfolio - Glaciers https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/5d6291c7-557e-412c-b800-4b3fbeb441c4/Website_Sketches_-5.png Design Portfolio - Glaciers https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/1651128542597-2CRONRKMI4HNUQZUFHL6/Website_Sketches_.jpg Design Portfolio - Glaciers https://www.jocelyngrant.com/portfolio/2022-design-senior-showcase monthly 0.5 2022-06-30 https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/6cc629d5-1401-4ff7-8f8a-7a05d0e19eda/iphone-13-pro-max-mockup_freebie.png Design Portfolio - 2022 Design Senior Showcase - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/67d15a6d-02ea-44a8-8f25-ae1975b9c55d/BA_SITE+22.png Design Portfolio - 2022 Design Senior Showcase - Concept The overall layout of the site was somewhat dictated by previous years of the showcase: a grid of square black and white headshots which change to color artwork on hover have been a successful combination before. On the other hand, using the title lockup as the main motion piece was a choice made to contrast 2021’s showcase, which had an animated background instead. https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/16f5b6a3-1bcf-4c2e-a7ce-1c75dae8fe3f/layout.png Design Portfolio - 2022 Design Senior Showcase - Layout The purple concept was the most successful. I finalized it as a three-column grid, refined the type, and created the header animated GIF. Once layout and assets were complete, I passed the project to my partner Dennis Benlot, who wrote the copy and coded the page. https://www.jocelyngrant.com/portfolio/summer-fest-brand-promo monthly 0.5 2025-08-27 https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/1adc9eb6-ddb0-4822-8cf4-e16f0c1d5a8b/EV-MWR-Summer-Fest-2023_IG-reel-4x.jpg https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/220f5d99-1f69-4cd3-8438-e71a3a6805c0/EV-MWR-Sand-Volleyball-2023_FB-event-4x.jpg https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/66d35763-da4a-431a-93b3-375f1d866bc0/EV-MWR-Summer-Fest-2023_IG.jpg https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/91923ff3-e769-47c6-8d2e-32d0c06b5c6e/EV-MWR-Run+4+Color-2023_IG.jpg https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/74e1991f-54d0-4371-9d6f-643c1ff24ad7/EV-MWR-Summer-Fest-2023_BSH.jpg https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/99670112-f857-4f81-9ba0-8ef2f26f019f/EV-MWR-Summer-Fest-banner.jpg https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/d589b5bd-e28b-4747-82f4-eb8212344777/EV-MWR-Cornhole-Tourney-2023_BSH.jpg https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/7abcbdb5-d5ea-4a20-afd0-06006e48f869/EV-MWR-Fire-Fest-2023-BSV.jpg https://www.jocelyngrant.com/portfolio/chalo-cheese-tea monthly 0.5 2022-06-30 https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/fc35f045-b50e-46a6-9bdc-85acf78ec3f0/turn-gif-square-75.gif Design Portfolio - Chalo Cheese Tea - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/6144f12d-12fc-4d19-b842-09c212e59cd7/Asset+1c%404x.png Design Portfolio - Chalo Cheese Tea - Brand In order to combat the reaction Americans have to the words “cheese tea” I de-emphasized the product name in comparison to the brand name. For the main brand color I choose a light blue, to be supported by yellow or cream. https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/8b9fc25f-6879-4bda-a506-379a538107c1/Asset+2%404x.png Design Portfolio - Chalo Cheese Tea - Final Surfaces The final packages include a pink color for the lychee flavor in addition to blue, yellow, and cream, and the 4-pack is almost entirely cream-colored on top, much like the drink foam itself. https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/aeedf760-8aba-45bb-811f-68f4e0fe2b85/grant_proj3_drink.jpg Design Portfolio - Chalo Cheese Tea - Research & Ideation Cheese tea is a relatively new drink; It was invented in Taiwan in 2010, and it has already become extremely popular in Asian markets. However, it has yet to make the jump to America, most likely due to the name. It was an odd product to be assigned, in part because there is no existing company that bottles cheese tea. https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/944f0dbc-6502-488b-9b6c-13a4903fd0bf/grant_proj3_drink2.jpg Design Portfolio - Chalo Cheese Tea - Iterations Though Chalo would primarily be sold by the individual bottle, packaging for the occasional four pack was also needed. https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/35b25ed1-d650-4df6-9372-73d13088c43c/Asset+2b%404x.png Design Portfolio - Chalo Cheese Tea https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/64502c48-86d9-42b7-8723-087ae9f838df/box+top+white.png Design Portfolio - Chalo Cheese Tea https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/9df49b15-94fb-4b3b-9e83-d20de6461cb4/box-side.png Design Portfolio - Chalo Cheese Tea https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/2bb826b8-cf67-4c22-b16c-14aedce98db7/angle-bottle.png Design Portfolio - Chalo Cheese Tea https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/27ef26c3-4e7b-486e-9664-66c55ca324ee/cap.png Design Portfolio - Chalo Cheese Tea https://www.jocelyngrant.com/portfolio/mwr-advertising monthly 0.5 2025-08-27 https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/d1a8639d-1397-4478-b390-734bdbed91cf/EV-CR-Easter-Eggstravaganza-MARCH-REV_IG.jpg Design Portfolio - MWR Advertising https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/61a1fe65-d22e-43bd-bb7f-667e6029334b/EV-CR-March-Madness-Bracket-Selection-Contest-FEB-2025_IG.jpg Design Portfolio - MWR Advertising https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/b07c8a0a-3e08-4ca1-b90f-d4c2d9179ec2/NBK-CR-BioLum-Kayak-JUNE-2025_IG.jpg Design Portfolio - MWR Advertising https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/d1178a08-e815-445c-b1cf-cb36eda255b0/Unknown-4.jpeg Design Portfolio - MWR Advertising https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/734b7f4d-d7d4-47a2-ba49-f4751df14e8f/Unknown-6.jpeg Design Portfolio - MWR Advertising https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/dd3a18a1-bbe0-421c-82cf-40bf4cd2cbe4/WI-CR-North-Pole-Express_IG.jpg Design Portfolio - MWR Advertising https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/6cdabdd1-e2da-416e-8400-56859a0e5340/dive+in+movies.jpeg Design Portfolio - MWR Advertising https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/c4968bb2-fa9c-4b18-957d-1de55b9c8ae7/NBK-CR-Littles-%26-Me-Yoga-Evergreen-IG.jpg Design Portfolio - MWR Advertising https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/3f87a8b4-5eea-4ef0-8219-d70184c0be83/Unknown-3.jpeg Design Portfolio - MWR Advertising https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/313acca2-530d-4c16-8be3-5a782b70c2bc/EV-CR-Leavenworth-Horseback-Riding_IG.jpg Design Portfolio - MWR Advertising https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/1b3fb359-9b44-48ae-b80d-9d8943f7662c/NBK-ComRec-Build-Your-Valentine_date-update_IG.jpg Design Portfolio - MWR Advertising https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/b18374fc-3b72-43f6-a985-3ed52c687def/NBK-FFSC-Ombudsman-Dinner_IG.jpg Design Portfolio - MWR Advertising https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/36eb7ae3-74dc-4de8-a9fe-e0cc78f1828d/NBK-FFSC-Ombudsman-Appreciation-IG.jpg Design Portfolio - MWR Advertising https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/518ed7e4-2e64-4d7b-a5a1-d5fc858a4f4e/WI-CYP-Teen-Center-Field-Trip-Schedule_IG.jpg Design Portfolio - MWR Advertising https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/81e4040d-cce1-49bc-bc0b-6199925aed25/NBK-BT-Letters-to-Santa-IG.jpg Design Portfolio - MWR Advertising https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/d4c28473-867a-4d9c-9b79-cf56130c58f9/NBK-SFA-Shamrock-Shuffle-FEB-2025_IG.jpg Design Portfolio - MWR Advertising https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/1cd9c153-5655-44d5-a685-f81cc2cfc911/EV-CR-Wenatchee-River-Tubing_IG.jpg Design Portfolio - MWR Advertising https://www.jocelyngrant.com/book-covers daily 0.75 2025-08-26 https://www.jocelyngrant.com/book-covers/evidence-series monthly 0.5 2025-08-26 https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/db3435ec-d6bf-4107-aa60-f0f661548e6a/beweise+ebook_concrete.jpg https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/098f87c0-951e-4fcc-aed9-7ea49b93a65c/Evidence.jpg https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/4c31f636-ff36-4b7f-a1da-3f3e8b7a3048/silhouette+1.jpg https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/5ca9bfee-3ced-4a2f-97f9-01c0c99cf19c/silhouette+2.jpg https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/c7ac02c9-6cf0-40f4-a9c0-1568c00c4cbc/Janus+Publishing+Logo+Book.jpg https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/41d2fb99-7d64-4caf-a3b7-04e34de449e7/evidenceAUDIO_Body.jpg https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/fce305f4-69c3-48fc-b6a5-e42499d52571/covert+draft+1.jpg https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/f23cc82a-3620-4889-a77f-028ddf1b2108/silhouette+transparent.png https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/b73e9c6f-b134-403b-8c22-873ca23aa6cc/concrete+draft+1.jpg https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/9f26dc33-31bf-463c-90b9-5dbb80ae67fc/all+evidence+fan.jpg https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/8d3555eb-27cd-4662-992d-f843442abce7/all+evidence+print+covers_concrete.jpg Book Covers - Evidence Series Covers for Rachel Grant Concrete Evidence https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/c5cb3a8c-3713-481f-a3a1-aaf354e07f42/all+evidence+print+covers_body.jpg Book Covers - Evidence Series Covers for Rachel Grant Body of Evidence https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/98d4bb3f-bd8e-43b7-a0e1-ecfb1203a6a8/all+evidence+print+covers_withholding.jpg Book Covers - Evidence Series Covers for Rachel Grant Withholding Evidence https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/4d9cb828-6461-4fa7-9616-21411b49b815/all+evidence+print+covers_inciminating.jpg Book Covers - Evidence Series Covers for Rachel Grant Incriminating Evidence https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/d329c02d-ab35-49fc-a161-209600474457/all+evidence+print+covers_covert.jpg Book Covers - Evidence Series Covers for Rachel Grant Covert Evidence https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/310062a1-fd1c-4bba-8062-7baf32192402/all+evidence+print+covers_cold.jpg Book Covers - Evidence Series Covers for Rachel Grant Cold Evidence https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/edc27bca-a51e-4763-ac23-a82740f562d3/all+evidence+print+covers_poison.jpg Book Covers - Evidence Series Covers for Rachel Grant Poison Evidence https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/e96c7c86-fa10-421f-9f10-5a7eb1bb0367/all+evidence+print+covers_silent.jpg Book Covers - Evidence Series Covers for Rachel Grant Silent Evidence https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/eda11bb6-ba25-4378-9d6f-2e8f4ea5d26f/all+evidence+print+covers_winter+hawk.jpg Book Covers - Evidence Series Covers for Rachel Grant Winter Hawk https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/dd69d3cf-bb8d-44bc-9337-2a31ef3cae5c/all+evidence+print+covers_tainted.jpg Book Covers - Evidence Series Covers for Rachel Grant Tainted Evidence https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/6d103ac0-a45a-4dde-b761-a7853fc70e52/all+evidence+print+covers_broken+falcon.jpg Book Covers - Evidence Series Covers for Rachel Grant Broken Falcon https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/900f7c04-b755-4134-bf66-a002b2565445/all+evidence+print+covers_false.jpg Book Covers - Evidence Series Covers for Rachel Grant False Evidence https://www.jocelyngrant.com/book-covers/demon-series-julie-kenner monthly 0.5 2022-04-09 https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/91ee9f1b-e886-4ac6-855d-2d94969e2c9f/demonseriesmilti.png Book Covers - Demon Hunting Soccer Mom Covers for Julie Kenner Carpe Demon Print Cover and Audiobook https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/d1392a99-d743-4caf-86c5-6948b07763ea/demonseriescont.png Book Covers - Demon Hunting Soccer Mom Covers for Julie Kenner Five Book Lineup of The Demon You Know, Demons are Forever, California Demon, Deja Demon, and Day of the Demon https://www.jocelyngrant.com/book-covers/hooked-kate-davies monthly 0.5 2025-08-25 https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/08c5e3a0-1b6a-49ba-ad8a-604cdc5b8332/hooked+paperback+cover+web.jpg https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/1649547507485-9K71U4UEGZIDYVARTWWM/069-6x9-Hardcover-Ebook-Mockup-COVERVAULT.png https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/a5d0d5d4-babc-47fc-b39a-802e291882be/hooked+moodboard.png https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/e9902d25-b225-494a-a85a-0782cd5ef135/sand.png Book Covers - Hooked Cover for Kate Davies Hooked Cover on a Sandy Background https://www.jocelyngrant.com/book-covers/fifty-first-dates-jolie-moore monthly 0.5 2022-04-09 https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/2c14fc6e-7b33-4052-ac84-bde5c2d265b6/038-6x9-Paperback-Upright-Front-Back-COVERVAULT.png Book Covers - Fifty First Dates Cover for Jolie Moore Fifty First Dates front and back covers in perspective https://www.jocelyngrant.com/book-covers/seattle-nights-kate-davies monthly 0.5 2022-04-10 https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/cdd4e4d6-b4cb-4703-ae3c-d29dff761da4/Seattle+Nights.png Book Covers - Seattle Nights Trilogy Covers for Kate Davies The three Seattle Nights covers, Taking the Cake, Strip Tease, and Challenging Carter https://www.jocelyngrant.com/book-covers/flashpoint-series-covers-for-rachel-grant monthly 0.5 2022-10-24 https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/1160fe56-783e-4297-b80d-105bcf880e72/printfirestormcmyk.png https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/6fbcf490-eab6-4798-b4d2-89744524a90d/flashpoint+series+sketches+copy.png https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/982ee854-e309-42f1-b6fb-9933454b45e6/printtindreboxcmyk.png https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/3dc1424a-54a1-418a-87e0-ba7a37009254/flashpoint+series+sketches+copy+3.png https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/d5e3d206-04ec-4de9-b86c-318659471a10/shelf+lineup.png Book Covers - Flashpoint Series Covers for Rachel Grant https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/5ec661ea-395c-4b24-86f4-efc7defda18f/concrete+spines.png Book Covers - Flashpoint Series Covers for Rachel Grant https://images.squarespace-cdn.com/content/v1/625202aceb2b51095c0f88a3/95f2f0e0-a855-4f9a-a90b-86679e10ea8a/flashpointstack-wider.png Book Covers - Flashpoint Series Covers for Rachel Grant