![](https://cdn.myportfolio.com/74ba85cd-8375-4713-9aca-8fd063e3b981/3293355f-c724-46ba-8146-18b66f54e2d2_rw_1920.png?h=358768478472b3f0605977b1bc1e4982)
MoDo Hawaii
Background
MoDo Hawaii is a local mochi donut shop known for their unique flavors, fresh donuts, and high quality ingredients. This project is aimed to establish a conceptual visual identity that responsively translates across desktop and mobile devices. The identity consists of hand-drawn illustrations, playful typography, and original product photography to communicate MoDo Hawaii’s individuality.
Results
The established branding was applied to create a responsive website for desktop and mobile with four primary screens and two secondary screens. The website utilizes navigational, informational, and transactional intent to target users.
![](https://cdn.myportfolio.com/74ba85cd-8375-4713-9aca-8fd063e3b981/6980d26a-16aa-4aa8-971a-2c2945bef192_rw_1920.png?h=7a87071401ee7e85e7fec49760e4fd4f)
Branding Guide, Site Map, and User Personas
![](https://cdn.myportfolio.com/74ba85cd-8375-4713-9aca-8fd063e3b981/e234d806-7dfe-49b7-8b47-a67089c35f2b_rw_1920.png?h=0c83ccd7fb011443db9d7d8e7ae23a48)
Wireframes for Website Pages
![](https://cdn.myportfolio.com/74ba85cd-8375-4713-9aca-8fd063e3b981/482af203-17eb-41cc-b601-bb0e4815353b_rw_1920.png?h=bddc594fe361f3d56d020940057417b9)
Desktop Screens: Home Page, Four Primary Pages, and Two Secondary Pages
![](https://cdn.myportfolio.com/74ba85cd-8375-4713-9aca-8fd063e3b981/6b05aefc-0069-4f72-b441-0c4070576af4_rw_1920.png?h=12b3337bb7293a9f91ccd140849cbaba)
Wireframes for Mobile Screens
![](https://cdn.myportfolio.com/74ba85cd-8375-4713-9aca-8fd063e3b981/34c9e265-51a1-4279-8817-d20254f4e57b_rw_1920.png?h=1afcde12e6281aa29ace8a54e5e9dca3)
Mobile Pages: Home Screen, Secondary Navigation, Primary Screen, Secondary Screen