https://www.jameswilliamnagel.com/design daily 0.75 2021-03-02 https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1610410511766-X0VBG13UM0NMNMVSQ2B0/hilton-ww.png Design https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1610403597069-0W2OS1ZMQI6T1FP66G8G/annies-fish-tales2.png Design https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1610751991165-90LYWUKKJ0NU759NG2RU/jnp-logo2.png Design https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1610750882737-QHBU33W5O0QOR8X4QA6A/ca-10-dems2.png Design https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1610410229874-YVD4B21GWNMDPFY2LCRU/tfa.png Design https://www.jameswilliamnagel.com/volunteer-work daily 0.75 2021-02-23 https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1613984182203-S4C7HNHDTHQTN2F9D90U/ca-10-flyer.png Volunteer Work https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1613960862470-3Q7ZBE0A2WKQUV62H18H/ca-10-logo.png Volunteer Work https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1613960951009-9Q787KMK277GNLU3X1LH/Josh-Harder-FB-frame-1-example.jpg Volunteer Work https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1613984412030-FGU8JOOCOICHU76MIP62/Screen+Shot+2021-02-22+at+12.59.01+AM.png Volunteer Work https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1613984439874-MFIOTR7J641F0ATQIMZC/Screen+Shot+2021-02-22+at+12.59.25+AM.png Volunteer Work https://www.jameswilliamnagel.com/james-nagel-photography daily 0.75 2021-03-17 https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1613986237476-NKPQ41A3ORIMKRHNT70N/1-header-prints.png James Nagel Photography https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1613986294186-VO3AKQRRER93U4VQ5AID/2-guess-what.png James Nagel Photography https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1613986295598-BNWKN6OLCJCSW2JPO1KC/3-what.png James Nagel Photography https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1613986294463-6S0TJEBVUW34D258J7SU/4-prints-for-sale.png James Nagel Photography https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1613986295839-9ACPDGFN092NXOEKWV7W/5-who.png James Nagel Photography https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1613986294678-CVT0GSVVS1JJ8D9R5EDP/6-jnp.png James Nagel Photography https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1613986295840-N7FE1DDBFWLUL9I8PTG9/7-owl-humor.png James Nagel Photography https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1613986314284-LG8B19OIRDWT0O45GMAR/8-mad-owl.png James Nagel Photography https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1613986303519-34ISTFQ94SBR4O7XXM8L/9-150-photos-available.png James Nagel Photography https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1613986304234-ZCNB0T9UDBF8GYR6GKTT/10-listening.png James Nagel Photography https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1613986310025-TBA1TKPKDNEH5YBXOR5S/11-night-photos.png James Nagel Photography https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1613986306045-FLU7B2FM3RWSRZDS7HJ2/12-landscapes.png James Nagel Photography https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1613986304692-FXD8KU4EJI7NUQSLBUFX/13-plants.png James Nagel Photography https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1613986306053-QP4O8UJY0A1P8DUE9X19/14-and-more.png James Nagel Photography https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1613986313737-DEAATNZL9KXQ80VBTYS6/15-shut-door.png James Nagel Photography https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1613986312603-2QD7ASVELJJXFRKFP82F/16-bio-link.png James Nagel Photography https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1613986313636-K6PIQ8HUGEX55UPQYRBU/17-great.png James Nagel Photography https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1613985703695-ORJHNDYEOEXGGBV1QTWG/screencapture-jamesnagelweddings-2021-02-22-01_10_58.png James Nagel Photography https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1613985786646-D4Q3URO65LWIJJ6CFV3V/Screen+Shot+2021-02-22+at+1.14.39+AM.png James Nagel Photography https://www.jameswilliamnagel.com/hilton daily 0.75 2021-02-22 https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1613990032069-BI3JFBU69BRGV3JHFXRA/Screen+Shot+2021-02-22+at+2.23.22+AM.png Hilton https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1613990031307-CALTLE2CSP2MS84LI98L/Screen+Shot+2021-02-22+at+2.30.03+AM.png Hilton https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1613988748815-WBAGYVPJ11HB11COZ2MC/pr-dashboard-v3.png Hilton I created a web app within our community site that helped team members see how they were doing during a contest. I worked closely with the client and our developer to ensure all parties were satisfied with the result. You can learn more about this project by reading the KPI Dashboard case study. https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1613988837638-8C1QYHM62NRIGNLIIIAK/h360+newsletter+mock+up+2018.png Hilton - Weekly Newsletter Template I designed the weekly newsletter template viewed by thousands each week. It was one of the primary drivers of traffic. This was a huge update to our original template as it was much cleaner, lighter, easier to prepare content for, and clearer for the audience. https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1613988962178-QIMD8RHR5WFPMNXETJA7/H360-logo-mock-up.png Hilton - Our Community Site Logo One of the most exciting projects was reimagining the original logo. It took many iterations to finally arrive here. We pulled inspiration from the original logo while still keeping it modern and aligned with the newer brand styles. This logo represented our largest site, with 90k+ members. https://www.jameswilliamnagel.com/mo-green-app daily 0.75 2021-05-21 https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/bdc5a2f2-ec25-4812-a1da-9cf1100cb1a0/Frame+14persona-self.png Mo Green App https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/dd4419a9-ecd6-4566-aa20-783415204280/Frame+16persona-self.png Mo Green App https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/2eeb186c-17b5-4fce-846a-6ac5c7161f86/Frame+15persona-self.png Mo Green App https://www.jameswilliamnagel.com/habit-amp-system daily 0.75 2021-08-26 https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/7d8c7c17-25eb-4e6d-9884-9d6ffbaa5e0e/Mobile+Activity+2+Page+18.png Habit AMP System https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/2b05ae78-2399-44f4-b852-2bea9dc28f45/Frame+81bottom+nav.png Habit AMP System https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/e81ea065-7a4e-4e16-9623-2758a4e06930/Mobile+Activity+2+Page+16.png Habit AMP System https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/0863c4d4-27c3-47e4-902c-56973cb87fbb/A3-2final.png Habit AMP System https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/9e7df925-9100-4c22-8386-a507c60781eb/Frame+83bottom+nav.png Habit AMP System https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/be36c0ff-73cc-4d4d-a4e9-b139a7f500c4/Mobile+Activity+2+Page+17.png Habit AMP System https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/8e1b579e-fc2a-45c9-8183-b3723ab81d91/A3-3afinal.png Habit AMP System https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/52f0d9ce-d491-45d5-b8c9-cd80bf08ce30/A3-1final.png Habit AMP System https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/7489db8d-6077-4104-9853-d5832ce0f2cf/Frame+82bottom+nav.png Habit AMP System https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/0cdc836c-10ff-41c0-a7a1-db0f022dbf5b/Mobile+Activity+5v2+page+37.png Habit AMP System https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/06ddeaa6-35d5-4a98-9b4d-1cf3d578b5a0/A3-3bfinal.png Habit AMP System https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/ff9567fa-2c51-4769-bb7e-4de08119e10b/Mobile+Activity+5v2+page+38.png Habit AMP System https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/a1eb9b04-8bef-479b-9498-485c41cfac0c/A3-4final-1.png Habit AMP System https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/089cfb80-6fd1-44d1-8e4a-441be2356bb9/Mobile+Activity+5v2+page+39.png Habit AMP System https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/c906ed91-cbbd-4c0c-bd2e-4036f8462ad9/A3-4final.png Habit AMP System https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/a22114e5-9c6f-4cc7-8513-3b9af4d0a0b5/Mobile+Activity+5v2+page+40.png Habit AMP System https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/be3bb636-522c-4fe2-9461-ba425523da87/A3-5afinal.png Habit AMP System https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/fd7a3604-9b26-4374-b2f0-9892c9b1b612/Mobile+Activity+12+Page+37.png Habit AMP System https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/74b9451c-d16e-4076-97c6-5666b03d011b/A3-5bfinal.png Habit AMP System https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/ee4decfb-f17d-43ac-b166-dbc198e929a4/Mobile+Activity+12+Page+38.png Habit AMP System https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/7df69b0a-cfcc-4226-b025-fb5210a02fb4/A3-6final.png Habit AMP System https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/c7809812-05cb-4f93-8c80-f8b9da0755f1/Mobile+Activity+5+page+35.png Habit AMP System https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/94a6bbc1-a2e5-4dfb-9eaa-6900fb8f3c08/A3-9final.png Habit AMP System https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/3a225de8-8f98-4f57-ae27-e32df3b0d9b0/Mobile+Activity+12+Page+39.png Habit AMP System https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/87868ef5-a1de-47b7-afd2-3ae80a0354b9/A3-10final.png Habit AMP System https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1629956584340-YPQRJL048DZUMW70K8XE/performance-series-hero.png Habit AMP System - 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/5f8b6d19b44ba91934c2a8c9/1621916204048-5V3G3DGMYAGS0KXPBF5F/aca-photos-12.jpg Habit AMP System - One of the great things about working for a small company is that everyone gets to contribute and every idea is heard and explored. We began ideation by working alone on our top 3-5 ideas, following a template that asked important questions like “who is the audience?” and “what industry does this cover?”, but more importantly, “How does this align with our strengths?”. Following these guides we all came up with some fantastic ideas, but funny enough, nearly everyone had a similar idea in mind. Based in part on the success of the KPI Dashboard (See case study), a web app of our community platform, most people had an idea to adapt it as a standalone project. It would serve an audience we were already familiar with, in an industry we already serve, and we could use existing technology. https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1621917612320-PPY13GO8GFTX4GULRV7F/Screen+Shot+2021-05-24+at+9.39.50+PM.png Habit AMP System - 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/5f8b6d19b44ba91934c2a8c9/1621986394255-1W13GGDO6FKNBQU8AV8M/h360-homepage-mobile.png Habit AMP System - Design Limitations From a design standpoint, we had some pretty stark limitations. We were on a short timeframe and a limited budget and needed to do as much as we could with our existing technology, the Aurora Culture Platform, pictured on the right. The existing technology was rigid and not very forgiving, which kept us from making certain design decisions for the first version. Essentially, we were using the backbone of a web app to create a mobile app. The eventual app would be a website built within an app wrapper, not a native app. This mean’t we couldn’t follow just one design style for a specific OS. We also had a block style homepage that scrolled to as far as there was content. We applied this to our app, so in some cases, the blocks don’t fit perfectly. This is because we couldn’t create sizes that lined up perfectly with every device. We decided to stack our content and in some cases it would fit well, while others, there would be some scrolling. The icons we used followed the pattern from the original website. We used FontAwesome icons when we could since our system was already configured to use them. It was easier to apply styles and get them to fit in with the text areas this way. There were also implications of the design staying the same to maximize our ability to manage the product on the backend. By keeping some of the existing patterns in place, we were able to keep the backend functions the same so our managers could apply content quickly and consistently. We had to make certain sacrifices for the design, but overall, we were still creating an app that had all of the essential functions of a minimal viable product. All this being said, I think we made dramatic improvements to the program, certainly a step in the right direction to create a compliant and accessible product. And this was certainly a phase 1 plan. We expect to polish these elements over time. We needed to get an MVP product together to start before we could really get creative and break out new features, new design language and patterns. https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1622014046891-SDKJDUCAOMKBD8W6LDG8/homepages2.png Habit AMP System - 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/5f8b6d19b44ba91934c2a8c9/1622050627699-WFVGV1F6H8CF2589LNBI/Slide+16_9+-+1.png Habit AMP System - 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/5f8b6d19b44ba91934c2a8c9/1622050650925-8ZOQ6CVKUPLF7K7I8TWC/performance+con+complete11.png Habit AMP System - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://www.jameswilliamnagel.com/performance-dashboard daily 0.75 2021-08-26 https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/5993bc18-1f38-472e-b897-9bad92657a51/Frame+58performance-status.png Performance Dashboard https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/92fe6a63-b0ea-4e4e-b4e2-9c056a0a6aa1/Frame+81bottom+nav.png Performance Dashboard https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/a322c977-b944-4cb9-a151-3ce70f0d3ce4/header-apac.png Performance Dashboard https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/8ae758b3-6f52-48c6-bcdd-55fb2ef6f084/performance-bottom.png Performance Dashboard https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/aec06a5a-07dd-4906-b6e5-713362f8c9d1/Frame+60performance-status.png Performance Dashboard https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/dacdbaf9-f848-4a31-bcd9-433d265183a1/Frame+83bottom+nav.png Performance Dashboard https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/e23ef834-fa3d-4f7c-9078-bec9368154ea/performance-middle.png Performance Dashboard https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/b6eebe2d-4718-49d1-8a4a-475c63e6101d/Frame+59performance-status.png Performance Dashboard https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/e35cea0d-a423-4f95-aca5-e3ba68626e3e/Frame+82bottom+nav.png Performance Dashboard https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1621815588190-JCXSFU32WF7HLIM72VWI/KPI+Dash+Homepage2.jpg Performance Dashboard https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1621752582043-ZIJ2BGBIERAMEQXOGAL7/example-score-thermometer.png Performance Dashboard https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1621751687702-S6YGTYQ6Z2WGDRW4FGNT/New+Mockup+1+copy+3.png Performance Dashboard https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1621812790438-JJJ9R884GIGPZ043KBAX/Screen+Shot+2021-05-23+at+4.31.30+PM.png Performance Dashboard - We stayed with a racing theme for Q3 but we updated the characters to be much cleaner and less caricatured. Technically speaking, we introduced two other scores, added animations, changed the progress bar to speedometer style gauges, and expanded our color palate to include secondary hilton colors. This went a long way to bring more life to the contest. As you can see on the right, a user would access the dashboard and see an animated dial swing to their score which would indicate their performance level (RED, YELLOW, GREEN). The top 10% of scores were green, the next 40% were yellow, and the bottom 50% were red. The box would display the current score, the rank, and the current leaders in the category. A date picker would update the scores based on the week chosen so users could look back at their progress over time. https://www.jameswilliamnagel.com/annies-fish-tales-1 daily 0.75 2021-08-26 https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/3fdd6de2-e39d-4d4c-9851-3fb854e30b8d/aft-mag-mock-up2.jpg Annie's Fish Tales https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/2b05ae78-2399-44f4-b852-2bea9dc28f45/Frame+81bottom+nav.png Annie's Fish Tales https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/52d8d241-0328-484f-b2f9-62462f206834/aft-mockup-clothing.jpg Annie's Fish Tales https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/9e7df925-9100-4c22-8386-a507c60781eb/Frame+83bottom+nav.png Annie's Fish Tales https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/7489db8d-6077-4104-9853-d5832ce0f2cf/Frame+82bottom+nav.png Annie's Fish Tales https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/c3f45891-9145-4e2a-b440-2dad667eb18b/aft-mockup-paper.png Annie's Fish Tales https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1629957095616-5HVLOV73VNKL6PKBOD5D/anniesfishtalescar.jpeg Annie's Fish Tales - 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/5f8b6d19b44ba91934c2a8c9/1621840830308-J1U95OT6M67ZNBEAXO58/Frame+61.png Annie's Fish Tales https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1621843205533-AGK0YMI0GHN7OQMMEOGI/Frame+62.png Annie's Fish Tales https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1621844129959-6HSZW1KCN4U6IC27VVGR/Frame+64.png Annie's Fish Tales https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1621843310536-6K6FMTM3URAMSJBU1UYO/Frame+67.png Annie's Fish Tales https://www.jameswilliamnagel.com/fitties-landing-page daily 0.75 2021-08-26 https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/2b05ae78-2399-44f4-b852-2bea9dc28f45/Frame+81bottom+nav.png Fitties Landing Page https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/9e7df925-9100-4c22-8386-a507c60781eb/Frame+83bottom+nav.png Fitties Landing Page https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/7489db8d-6077-4104-9853-d5832ce0f2cf/Frame+82bottom+nav.png Fitties Landing Page https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1622056385144-Q0710Y1LJY72P7DE95PM/Slide+4.png Fitties Landing Page - 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/5f8b6d19b44ba91934c2a8c9/1622056410292-1FLCZOH5WZLGBJZ0ZHGK/Slide+12.png Fitties Landing Page - 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/5f8b6d19b44ba91934c2a8c9/1622056444970-PVWV6T8FJJX5WI8V7WD8/Slide+6.png Fitties Landing Page - 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/5f8b6d19b44ba91934c2a8c9/1622056881158-MOABPRKF9SKAEEEPZ2E3/Slide+7.png Fitties Landing Page - 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/5f8b6d19b44ba91934c2a8c9/1622164833279-R1X8U8TQDHA7B4VQK30D/header+wire.png Fitties Landing Page - 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/5f8b6d19b44ba91934c2a8c9/1622167588536-XD2UT0GZE05M57WIFOFD/benefits+section.png Fitties Landing Page - 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/5f8b6d19b44ba91934c2a8c9/1622167970056-ETZWTZWC7EB8PN33VSOW/benefits+final.png Fitties Landing Page - 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/5f8b6d19b44ba91934c2a8c9/1622183564932-R164N3HQAHF02XJBK2M9/Combinations2.png Fitties Landing Page - 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/5f8b6d19b44ba91934c2a8c9/1622186428612-3XI01ZURGZCFRV66TLFS/Slide+8.png Fitties Landing Page - 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/5f8b6d19b44ba91934c2a8c9/1622168043056-S9XEDAK8GLVR8CSNKP36/header+color+test.png Fitties Landing Page - 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/5f8b6d19b44ba91934c2a8c9/1622186510619-1LLGUMYT44OLHEWLKSVT/Slide+9.png Fitties Landing Page - 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/5f8b6d19b44ba91934c2a8c9/1622169835438-5PMFTZT2S2X5K41PJC0Y/animals.png Fitties Landing Page - 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/5f8b6d19b44ba91934c2a8c9/1622182897153-S4R9QRHSOG2YG9SVQS7Y/how+it+works.png Fitties Landing Page - 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/5f8b6d19b44ba91934c2a8c9/1622187633609-RZE4I5OV8F6O0NGA0HMQ/header+desktop.png Fitties Landing Page - 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/5f8b6d19b44ba91934c2a8c9/1622188299418-G5M7QYGK09IN2293L219/Week+4+HW+-+Hi-Fi+Prototype.png Fitties Landing Page - 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/5f8b6d19b44ba91934c2a8c9/1622188374641-XT8WQ436QL8IGPD9KK5W/X+-+11.png Fitties Landing Page - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://www.jameswilliamnagel.com/teach-for-america-document-cover daily 0.75 2021-08-26 https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/2b05ae78-2399-44f4-b852-2bea9dc28f45/Frame+81bottom+nav.png Teach For America Document Cover https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/9e7df925-9100-4c22-8386-a507c60781eb/Frame+83bottom+nav.png Teach For America Document Cover https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/7489db8d-6077-4104-9853-d5832ce0f2cf/Frame+82bottom+nav.png Teach For America Document Cover https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1621906889574-I3XK2B1689XWCFEXYFH7/Screen+Shot+2021-05-24+at+6.25.11+PM.png Teach For America Document Cover https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1621908188781-5R6PSODEXLDDEQN9ZEHV/cover4.png Teach For America Document Cover https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1621907486734-X6GCVGYAIMMFAF0WIZ05/Screen+Shot+2021-05-24+at+6.50.26+PM.png Teach For America Document Cover https://www.jameswilliamnagel.com/habit-amp-system-1 daily 0.75 2021-08-31 https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/7d8c7c17-25eb-4e6d-9884-9d6ffbaa5e0e/Mobile+Activity+2+Page+18.png Habit AMP System v5 https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/2b05ae78-2399-44f4-b852-2bea9dc28f45/Frame+81bottom+nav.png Habit AMP System v5 https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/e81ea065-7a4e-4e16-9623-2758a4e06930/Mobile+Activity+2+Page+16.png Habit AMP System v5 https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/0863c4d4-27c3-47e4-902c-56973cb87fbb/A3-2final.png Habit AMP System v5 https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/9e7df925-9100-4c22-8386-a507c60781eb/Frame+83bottom+nav.png Habit AMP System v5 https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/be36c0ff-73cc-4d4d-a4e9-b139a7f500c4/Mobile+Activity+2+Page+17.png Habit AMP System v5 https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/8e1b579e-fc2a-45c9-8183-b3723ab81d91/A3-3afinal.png Habit AMP System v5 https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/52f0d9ce-d491-45d5-b8c9-cd80bf08ce30/A3-1final.png Habit AMP System v5 https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/7489db8d-6077-4104-9853-d5832ce0f2cf/Frame+82bottom+nav.png Habit AMP System v5 https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/0cdc836c-10ff-41c0-a7a1-db0f022dbf5b/Mobile+Activity+5v2+page+37.png Habit AMP System v5 https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/06ddeaa6-35d5-4a98-9b4d-1cf3d578b5a0/A3-3bfinal.png Habit AMP System v5 https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/ff9567fa-2c51-4769-bb7e-4de08119e10b/Mobile+Activity+5v2+page+38.png Habit AMP System v5 https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/a1eb9b04-8bef-479b-9498-485c41cfac0c/A3-4final-1.png Habit AMP System v5 https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/089cfb80-6fd1-44d1-8e4a-441be2356bb9/Mobile+Activity+5v2+page+39.png Habit AMP System v5 https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/c906ed91-cbbd-4c0c-bd2e-4036f8462ad9/A3-4final.png Habit AMP System v5 https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/a22114e5-9c6f-4cc7-8513-3b9af4d0a0b5/Mobile+Activity+5v2+page+40.png Habit AMP System v5 https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/be3bb636-522c-4fe2-9461-ba425523da87/A3-5afinal.png Habit AMP System v5 https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/fd7a3604-9b26-4374-b2f0-9892c9b1b612/Mobile+Activity+12+Page+37.png Habit AMP System v5 https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/74b9451c-d16e-4076-97c6-5666b03d011b/A3-5bfinal.png Habit AMP System v5 https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/ee4decfb-f17d-43ac-b166-dbc198e929a4/Mobile+Activity+12+Page+38.png Habit AMP System v5 https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/7df69b0a-cfcc-4226-b025-fb5210a02fb4/A3-6final.png Habit AMP System v5 https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/c7809812-05cb-4f93-8c80-f8b9da0755f1/Mobile+Activity+5+page+35.png Habit AMP System v5 https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/94a6bbc1-a2e5-4dfb-9eaa-6900fb8f3c08/A3-9final.png Habit AMP System v5 https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/3a225de8-8f98-4f57-ae27-e32df3b0d9b0/Mobile+Activity+12+Page+39.png Habit AMP System v5 https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/87868ef5-a1de-47b7-afd2-3ae80a0354b9/A3-10final.png Habit AMP System v5 https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1629956584340-YPQRJL048DZUMW70K8XE/performance-series-hero.png Habit AMP System v5 - 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/5f8b6d19b44ba91934c2a8c9/1621916204048-5V3G3DGMYAGS0KXPBF5F/aca-photos-12.jpg Habit AMP System v5 - One of the great things about working for a small company is that everyone gets to contribute and every idea is heard and explored. We began ideation by working alone on our top 3-5 ideas, following a template that asked important questions like “who is the audience?” and “what industry does this cover?”, but more importantly, “How does this align with our strengths?”. Following these guides we all came up with some fantastic ideas, but funny enough, nearly everyone had a similar idea in mind. Based in part on the success of the KPI Dashboard (See case study), a web app of our community platform, most people had an idea to adapt it as a standalone project. It would serve an audience we were already familiar with, in an industry we already serve, and we could use existing technology. https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1621917612320-PPY13GO8GFTX4GULRV7F/Screen+Shot+2021-05-24+at+9.39.50+PM.png Habit AMP System v5 - 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/5f8b6d19b44ba91934c2a8c9/1621986394255-1W13GGDO6FKNBQU8AV8M/h360-homepage-mobile.png Habit AMP System v5 - Design Limitations From a design standpoint, we had some pretty stark limitations. We were on a short timeframe and a limited budget and needed to do as much as we could with our existing technology, the Aurora Culture Platform, pictured on the right. The existing technology was rigid and not very forgiving, which kept us from making certain design decisions for the first version. Essentially, we were using the backbone of a web app to create a mobile app. The eventual app would be a website built within an app wrapper, not a native app. This mean’t we couldn’t follow just one design style for a specific OS. We also had a block style homepage that scrolled to as far as there was content. We applied this to our app, so in some cases, the blocks don’t fit perfectly. This is because we couldn’t create sizes that lined up perfectly with every device. We decided to stack our content and in some cases it would fit well, while others, there would be some scrolling. The icons we used followed the pattern from the original website. We used FontAwesome icons when we could since our system was already configured to use them. It was easier to apply styles and get them to fit in with the text areas this way. There were also implications of the design staying the same to maximize our ability to manage the product on the backend. By keeping some of the existing patterns in place, we were able to keep the backend functions the same so our managers could apply content quickly and consistently. We had to make certain sacrifices for the design, but overall, we were still creating an app that had all of the essential functions of a minimal viable product. All this being said, I think we made dramatic improvements to the program, certainly a step in the right direction to create a compliant and accessible product. And this was certainly a phase 1 plan. We expect to polish these elements over time. We needed to get an MVP product together to start before we could really get creative and break out new features, new design language and patterns. https://images.squarespace-cdn.com/content/v1/5f8b6d19b44ba91934c2a8c9/1622014046891-SDKJDUCAOMKBD8W6LDG8/homepages2.png Habit AMP System v5 - 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/5f8b6d19b44ba91934c2a8c9/1622050627699-WFVGV1F6H8CF2589LNBI/Slide+16_9+-+1.png Habit AMP System v5 - 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/5f8b6d19b44ba91934c2a8c9/1622050650925-8ZOQ6CVKUPLF7K7I8TWC/performance+con+complete11.png Habit AMP System v5 - Make it stand out Whatever it is, the way you tell your story online can make all the difference.