{"id":221,"date":"2025-11-13T16:30:46","date_gmt":"2025-11-13T16:30:46","guid":{"rendered":"https:\/\/hannahbrennan.design\/?page_id=221"},"modified":"2025-12-01T19:47:57","modified_gmt":"2025-12-01T19:47:57","slug":"popify","status":"publish","type":"page","link":"https:\/\/hannahbrennan.design\/?page_id=221","title":{"rendered":"Popify"},"content":{"rendered":"\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"791\" src=\"https:\/\/hannahbrennan.design\/wp-content\/uploads\/2025\/11\/Brennan_showcase-1024x791.png\" alt=\"\" class=\"wp-image-114\" srcset=\"https:\/\/hannahbrennan.design\/wp-content\/uploads\/2025\/11\/Brennan_showcase-1024x791.png 1024w, https:\/\/hannahbrennan.design\/wp-content\/uploads\/2025\/11\/Brennan_showcase-300x232.png 300w, https:\/\/hannahbrennan.design\/wp-content\/uploads\/2025\/11\/Brennan_showcase-768x593.png 768w, https:\/\/hannahbrennan.design\/wp-content\/uploads\/2025\/11\/Brennan_showcase-1536x1187.png 1536w, https:\/\/hannahbrennan.design\/wp-content\/uploads\/2025\/11\/Brennan_showcase-2048x1583.png 2048w, https:\/\/hannahbrennan.design\/wp-content\/uploads\/2025\/11\/Brennan_showcase-1200x927.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Popify is a dirty soda brand I made with a mobile ordering app with rewards. I created Popify so people who don&#8217;t like coffee have another option of a &#8220;fun&#8221; beverage and can create whatever flavor they desire. I created a prototype app in Figma with 12 screens. I also made a landing page for the app with WordPress.<\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile\"><div class=\"wp-block-media-text__content\">\n<p class=\"has-text-align-left\" style=\"font-size:16px\">I made a prototype app in Figma with a rewards, ordering, home, and soda customization screen. I started with blocking out the screen and started the design process. Lastly, I did user testing to make the app have intuitive navigation.  <\/p>\n<\/div><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/hannahbrennan.design\/wp-content\/uploads\/2025\/11\/popfiyscreens-1024x683.jpg\" alt=\"\" class=\"wp-image-295 size-full\" srcset=\"https:\/\/hannahbrennan.design\/wp-content\/uploads\/2025\/11\/popfiyscreens-1024x683.jpg 1024w, https:\/\/hannahbrennan.design\/wp-content\/uploads\/2025\/11\/popfiyscreens-300x200.jpg 300w, https:\/\/hannahbrennan.design\/wp-content\/uploads\/2025\/11\/popfiyscreens-768x512.jpg 768w, https:\/\/hannahbrennan.design\/wp-content\/uploads\/2025\/11\/popfiyscreens-1536x1024.jpg 1536w, https:\/\/hannahbrennan.design\/wp-content\/uploads\/2025\/11\/popfiyscreens-2048x1365.jpg 2048w, https:\/\/hannahbrennan.design\/wp-content\/uploads\/2025\/11\/popfiyscreens-1200x800.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"712\" src=\"https:\/\/hannahbrennan.design\/wp-content\/uploads\/2025\/11\/popmock-1024x712.png\" alt=\"\" class=\"wp-image-377 size-full\" srcset=\"https:\/\/hannahbrennan.design\/wp-content\/uploads\/2025\/11\/popmock-1024x712.png 1024w, https:\/\/hannahbrennan.design\/wp-content\/uploads\/2025\/11\/popmock-300x209.png 300w, https:\/\/hannahbrennan.design\/wp-content\/uploads\/2025\/11\/popmock-768x534.png 768w, https:\/\/hannahbrennan.design\/wp-content\/uploads\/2025\/11\/popmock-1536x1068.png 1536w, https:\/\/hannahbrennan.design\/wp-content\/uploads\/2025\/11\/popmock-2048x1424.png 2048w, https:\/\/hannahbrennan.design\/wp-content\/uploads\/2025\/11\/popmock-1200x834.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p>In WordPress, I designed a landing page to promote the app. I had a hero image showing images of the app and then a section about the features on the app with some testimonials. I kept the interface clean to match the white background in the app.  <\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group alignwide is-nowrap is-layout-flex wp-container-core-group-is-layout-6c531013 wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"616\" src=\"https:\/\/hannahbrennan.design\/wp-content\/uploads\/2025\/12\/pop15-16-15-1024x616.png\" alt=\"\" class=\"wp-image-401\" srcset=\"https:\/\/hannahbrennan.design\/wp-content\/uploads\/2025\/12\/pop15-16-15-1024x616.png 1024w, https:\/\/hannahbrennan.design\/wp-content\/uploads\/2025\/12\/pop15-16-15-300x181.png 300w, https:\/\/hannahbrennan.design\/wp-content\/uploads\/2025\/12\/pop15-16-15-768x462.png 768w, https:\/\/hannahbrennan.design\/wp-content\/uploads\/2025\/12\/pop15-16-15-1536x924.png 1536w, https:\/\/hannahbrennan.design\/wp-content\/uploads\/2025\/12\/pop15-16-15-1200x722.png 1200w, https:\/\/hannahbrennan.design\/wp-content\/uploads\/2025\/12\/pop15-16-15.png 1620w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"616\" src=\"https:\/\/hannahbrennan.design\/wp-content\/uploads\/2025\/12\/16pop-1024x616.png\" alt=\"\" class=\"wp-image-404\" srcset=\"https:\/\/hannahbrennan.design\/wp-content\/uploads\/2025\/12\/16pop-1024x616.png 1024w, https:\/\/hannahbrennan.design\/wp-content\/uploads\/2025\/12\/16pop-300x181.png 300w, https:\/\/hannahbrennan.design\/wp-content\/uploads\/2025\/12\/16pop-768x462.png 768w, https:\/\/hannahbrennan.design\/wp-content\/uploads\/2025\/12\/16pop-1536x924.png 1536w, https:\/\/hannahbrennan.design\/wp-content\/uploads\/2025\/12\/16pop-1200x722.png 1200w, https:\/\/hannahbrennan.design\/wp-content\/uploads\/2025\/12\/16pop.png 1620w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"938\" height=\"910\" src=\"https:\/\/hannahbrennan.design\/wp-content\/uploads\/2025\/12\/17pop.png\" alt=\"\" class=\"wp-image-406\" style=\"width:381px;height:auto\" srcset=\"https:\/\/hannahbrennan.design\/wp-content\/uploads\/2025\/12\/17pop.png 938w, https:\/\/hannahbrennan.design\/wp-content\/uploads\/2025\/12\/17pop-300x291.png 300w, https:\/\/hannahbrennan.design\/wp-content\/uploads\/2025\/12\/17pop-768x745.png 768w\" sizes=\"auto, (max-width: 938px) 100vw, 938px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Popify is a dirty soda brand I made with a mobile ordering app with rewards. I created Popify so people who don&#8217;t like coffee have another option of a &#8220;fun&#8221; beverage and can create whatever flavor they desire. I created a prototype app in Figma with 12 screens. I also made a landing page for [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-221","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hannahbrennan.design\/index.php?rest_route=\/wp\/v2\/pages\/221","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hannahbrennan.design\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hannahbrennan.design\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hannahbrennan.design\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hannahbrennan.design\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=221"}],"version-history":[{"count":11,"href":"https:\/\/hannahbrennan.design\/index.php?rest_route=\/wp\/v2\/pages\/221\/revisions"}],"predecessor-version":[{"id":407,"href":"https:\/\/hannahbrennan.design\/index.php?rest_route=\/wp\/v2\/pages\/221\/revisions\/407"}],"wp:attachment":[{"href":"https:\/\/hannahbrennan.design\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=221"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}