{"id":7517,"date":"2025-03-20T23:31:33","date_gmt":"2025-03-20T23:31:33","guid":{"rendered":"https:\/\/harjotrocks.com\/mult124a3\/?page_id=7517"},"modified":"2025-03-21T00:58:50","modified_gmt":"2025-03-21T00:58:50","slug":"wireframes-prototypes","status":"publish","type":"page","link":"https:\/\/harjotrocks.com\/mult124a3\/wireframes-prototypes\/","title":{"rendered":"Wireframes &amp; Prototypes"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7517\" class=\"elementor elementor-7517\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a09cb0f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a09cb0f\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-51784d7\" data-id=\"51784d7\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d62744c elementor-widget elementor-widget-heading\" data-id=\"d62744c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Mockups , Wireframes &amp; Prototypes<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c9ec3c3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c9ec3c3\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-4e47367\" data-id=\"4e47367\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-76aefa5 elementor-headline--style-highlight elementor-widget elementor-widget-animated-headline\" data-id=\"76aefa5\" data-element_type=\"widget\" data-settings=\"{&quot;marker&quot;:&quot;underline&quot;,&quot;highlighted_text&quot;:&quot;Bananarchy&quot;,&quot;headline_style&quot;:&quot;highlight&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;highlight_animation_duration&quot;:1200,&quot;highlight_iteration_delay&quot;:8000}\" data-widget_type=\"animated-headline.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h3 class=\"elementor-headline\">\n\t\t\t\t\t<span class=\"elementor-headline-plain-text elementor-headline-text-wrapper\">Food Website - <\/span>\n\t\t\t\t<span class=\"elementor-headline-dynamic-wrapper elementor-headline-text-wrapper\">\n\t\t\t\t\t<span class=\"elementor-headline-dynamic-text elementor-headline-text-active\">Bananarchy<\/span>\n\t\t\t\t<\/span>\n\t\t\t\t<\/h3>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0f3af16 elementor-widget elementor-widget-text-editor\" data-id=\"0f3af16\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"39\" data-end=\"507\">As part of a college assignment, I was given poorly designed mockups of the Bananarchy food website and tasked with redesigning it using the provided brand guidelines.<\/p><p data-start=\"39\" data-end=\"507\">My goal was to improve the user experience (UX), create a visually appealing layout, and ensure the design aligned with the brand\u2019s identity. Using Figma, I developed a modern, structured, and user-friendly interface while enhancing the overall aesthetics and functionality<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d84cfac ha-dual-button--layout-queue ha-dual-button--tablet-layout-queue ha-dual-button--mobile-layout-queue elementor-widget elementor-widget-ha-dual-button happy-addon ha-dual-button\" data-id=\"d84cfac\" data-element_type=\"widget\" data-widget_type=\"ha-dual-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t        <div class=\"ha-dual-btn-wrapper\">\n            <a class=\"ha-dual-btn ha-dual-btn--left\" href=\"https:\/\/www.figma.com\/design\/Uc8dPKmVkUtNlSgUsEEDrd\/DSGN202-final-harjot-singh?node-id=0-1&#038;t=nFOmqeqhpDQrZyWW-1\">\n                                                    <span >Mockups<\/span>\n                                            <\/a>\n                    <\/div>\n        <div class=\"ha-dual-btn-wrapper\">\n            <a class=\"ha-dual-btn ha-dual-btn--right\" href=\"https:\/\/www.figma.com\/design\/6DykD4POJTig9KfdnCvv2u\/Wireframes?node-id=0-1&#038;t=yKMyUDNJ7H4savFd-1\">\n                                                    <span >Wireframes<\/span>\n                                            <\/a>\n        <\/div>\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-a3581b7\" data-id=\"a3581b7\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-dfcb155 elementor-widget elementor-widget-html\" data-id=\"dfcb155\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<iframe style=\"border: 1px solid rgba(0, 0, 0, 0.1);\" width=\"800\" height=\"450\" src=\"https:\/\/embed.figma.com\/design\/ry9jq4k1de47DpxKPHVhft\/food-website?node-id=0-1&embed-host=share\" allowfullscreen><\/iframe>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-75edde2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"75edde2\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-40a32b9\" data-id=\"40a32b9\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-50b610b elementor-widget elementor-widget-html\" data-id=\"50b610b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<iframe style=\"border: 1px solid rgba(0, 0, 0, 0.1);\" width=\"800\" height=\"450\" src=\"https:\/\/embed.figma.com\/design\/6DykD4POJTig9KfdnCvv2u\/Wireframes?node-id=0-1&embed-host=share\" allowfullscreen><\/iframe>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-162e0ba elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"162e0ba\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-9dbad20 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"9dbad20\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-0855875\" data-id=\"0855875\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8fdcfc3 elementor-headline--style-highlight elementor-widget elementor-widget-animated-headline\" data-id=\"8fdcfc3\" data-element_type=\"widget\" data-settings=\"{&quot;marker&quot;:&quot;underline&quot;,&quot;highlighted_text&quot;:&quot;Prototype&quot;,&quot;headline_style&quot;:&quot;highlight&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;highlight_animation_duration&quot;:1200,&quot;highlight_iteration_delay&quot;:8000}\" data-widget_type=\"animated-headline.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<h3 class=\"elementor-headline\">\n\t\t\t\t\t<span class=\"elementor-headline-plain-text elementor-headline-text-wrapper\">Bus App - <\/span>\n\t\t\t\t<span class=\"elementor-headline-dynamic-wrapper elementor-headline-text-wrapper\">\n\t\t\t\t\t<span class=\"elementor-headline-dynamic-text elementor-headline-text-active\">Prototype<\/span>\n\t\t\t\t<\/span>\n\t\t\t\t<\/h3>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bed0127 elementor-widget elementor-widget-text-editor\" data-id=\"bed0127\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"42\" data-end=\"488\">Inspired by the Saskatoon Transit app, Next Stop is a mobile app prototype designed for my Mobile Design class, following iOS Human Interface Guidelines. The app simplifies public transit navigation with an intuitive three-tab layout, ensuring a seamless user experience.<\/p><p data-start=\"42\" data-end=\"488\">I designed a total of 22 screens in Figma, focusing on accessibility, efficiency, and a modern aesthetic to enhance the daily commute for users.<\/p><p data-start=\"490\" data-end=\"530\" data-is-last-node=\"\" data-is-only-node=\"\">\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c137be8 elementor-widget elementor-widget-button\" data-id=\"c137be8\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/www.figma.com\/design\/MTurMZ2Ecx9fYrKn3lTMib\/DSGN-210-A3-Harjot-Singh?node-id=0-1&#038;t=MuXQPsdwitVRgm0y-1\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Mockup<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-6ae3d9c\" data-id=\"6ae3d9c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-09d6cea elementor-widget elementor-widget-html\" data-id=\"09d6cea\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<iframe style=\"border: 1px solid rgba(0, 0, 0, 0.1);\" width=\"800\" height=\"450\" src=\"https:\/\/embed.figma.com\/design\/MTurMZ2Ecx9fYrKn3lTMib\/DSGN-210-A3-Harjot-Singh?node-id=0-1&embed-host=share\" allowfullscreen><\/iframe>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Mockups , Wireframes &#038; Prototypes Food Website &#8211; Bananarchy As part of a college assignment, I was given poorly designed&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-7517","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/harjotrocks.com\/mult124a3\/wp-json\/wp\/v2\/pages\/7517","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/harjotrocks.com\/mult124a3\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/harjotrocks.com\/mult124a3\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/harjotrocks.com\/mult124a3\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/harjotrocks.com\/mult124a3\/wp-json\/wp\/v2\/comments?post=7517"}],"version-history":[{"count":58,"href":"https:\/\/harjotrocks.com\/mult124a3\/wp-json\/wp\/v2\/pages\/7517\/revisions"}],"predecessor-version":[{"id":7592,"href":"https:\/\/harjotrocks.com\/mult124a3\/wp-json\/wp\/v2\/pages\/7517\/revisions\/7592"}],"wp:attachment":[{"href":"https:\/\/harjotrocks.com\/mult124a3\/wp-json\/wp\/v2\/media?parent=7517"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}