Artboard 1.png

MAKING A WEBSITE

This is a great place to add a tagline.

I worked closely with my web developer to decide on the layout of how copy would be placed and how we wanted responsive interfaces to behave with an end user. I created a template with filler text and sent it off to the web developer.

​

Because this web app would include transactions, I wanted to make the website as clean and trustworthy as possible, including just enough white space to make HabitU look just as established as any other tech company. I based the website design on the logo itself, making sure to include white space, mirror the color schemes, incorporate the curves and personality of the logo, and create a universal feeling to HabitU's brand. 

​

Launch is in early 2018.

Favicon.png

  • Home

  • Experience

  • Free Time

  • Portfolio

  • Contact

  • More

    {"items":["2bbda927-3547-4831-aede-830da970128d","a73c3435-b244-4cff-ad37-f0a2256a96d7","d1f18b19-6966-4716-b5a3-eb8132d83757","09dc383e-a956-4908-8d59-8adf69879197","5ceab977-a1dc-487f-ac0e-359cf6ade008","84ff53a8-3fc0-4bbc-aea0-07a1e5c71f48","1445b263-cd79-4ce9-8a7c-c0b71d444c99","115c4796-1938-426f-948d-31bf8b554e93","0e8cb2be-36e9-474b-9997-b0d502e53963","aaea52bf-2ce7-403b-a98b-6d71f64b76e0","1cb6a73b-fbe8-4a48-a366-8630d04c5a83","cadc3d31-cd59-49f8-b9ad-1259eb8450b4","4bc9cb82-3837-44fa-8239-2a32c7a7fd8b","3f094461-7dc9-4239-a612-e36e6af560ea","c2f43130-20e7-462f-bb92-4be7cc189f5f","f0d5bb86-7f55-4618-9c22-3db8a2eff85d","a6a4f6db-07d4-4d3b-bb33-1d298419a6bc","d7ff3db7-477a-4326-a302-b3e45e2259bd","528c2db2-b761-45c6-b7ff-76d2d7d4a1e6","4b77d1e1-d8aa-4cf2-b057-2f77c251fd1b","a37d700c-e469-4b74-b244-fcd827fa6022","128ee758-ba52-407a-9d6e-f597f474b1bc","f5663550-1a9c-4318-9921-aff81d92294f","d8a41d0f-b754-4603-b240-37171e5d073a","b71fd294-4beb-41d3-b240-b9d014303166","b63bedc8-7818-4e1d-a5d3-3bdf2385e0dc","1caa481e-564f-43a4-ba0d-7b04d8ffc172","7dfd946e-ed1c-43ae-87ee-b7250f0a1ada","7549aa46-9151-435d-83a8-c1b6b8ccbfc5","767b4f57-6819-4091-b8f0-6b1918bc1fb6","5d34dcf5-816e-4bad-86dd-111c519c2832","a45705f7-2490-43b6-8055-7bc9d31200b5","84029cd9-8d44-4ef4-98ef-f5d4983ed9e1","5b8a40eb-2daf-4fdd-8fc1-5e2040daace6","64bda851-2120-4a23-ae94-53c320193f87","e1a701c5-13cf-4669-8648-600481ce7e40"],"styles":{"galleryType":"Strips","groupSize":1,"showArrows":true,"cubeImages":true,"cubeType":"fit","cubeRatio":1.3333333333333333,"isVertical":false,"gallerySize":45,"collageAmount":0.8,"collageDensity":1,"groupTypes":"1","oneRow":true,"imageMargin":5,"galleryMargin":0,"floatingImages":0,"chooseBestGroup":true,"smartCrop":false,"hasThumbnails":false,"enableScroll":true,"isGrid":false,"isSlider":true,"isColumns":false,"isSlideshow":false,"cropOnlyFill":true,"fixedColumns":0,"enableInfiniteScroll":true,"isRTL":false,"minItemSize":120,"rotatingGroupTypes":"","rotatingCubeRatio":"","gallerySliderImageRatio":1.3333333333333333,"numberOfImagesPerRow":3,"numberOfImagesPerCol":1,"groupsPerStrip":0,"borderRadius":0,"boxShadow":0,"gridStyle":1,"mobilePanorama":false,"placeGroupsLtr":false,"viewMode":"preview","thumbnailSpacings":5,"galleryThumbnailsAlignment":"bottom","isMasonry":false,"isAutoSlideshow":false,"slideshowLoop":false,"autoSlideshowInterval":4,"bottomInfoHeight":0,"titlePlacement":"SHOW_ON_HOVER","galleryTextAlign":"center","scrollSnap":true,"itemClick":"fullscreen","fullscreen":true,"videoPlay":"auto","scrollAnimation":"NO_EFFECT","scrollDirection":1,"overlayAnimation":"SLIDE_RIGHT","arrowsPosition":0,"arrowsSize":23,"watermarkOpacity":40,"watermarkSize":40,"useWatermark":true,"watermarkDock":{"top":"auto","left":"auto","right":0,"bottom":0,"transform":"translate3d(0,0,0)"},"loadMoreAmount":"all","defaultShowInfoExpand":1,"allowLinkExpand":true,"expandInfoPosition":0,"allowFullscreenExpand":true,"fullscreenLoop":false,"galleryAlignExpand":"left","addToCartBorderWidth":1,"addToCartButtonText":"","slideshowInfoSize":200,"playButtonForAutoSlideShow":false,"allowSlideshowCounter":false,"hoveringBehaviour":"APPEARS","thumbnailSize":120,"magicLayoutSeed":1,"imageHoverAnimation":"NO_EFFECT","imagePlacementAnimation":"NO_EFFECT","calculateTextBoxWidthMode":"PERCENT","textBoxHeight":0,"textBoxWidth":200,"textBoxWidthPercent":50,"textImageSpace":10,"textBoxBorderRadius":0,"textBoxBorderWidth":0,"loadMoreButtonText":"Load More","loadMoreButtonBorderWidth":1,"loadMoreButtonBorderRadius":0,"imageInfoType":"NO_BACKGROUND","itemBorderWidth":0,"itemBorderRadius":0,"itemEnableShadow":false,"itemShadowBlur":20,"itemShadowDirection":135,"itemShadowSize":10,"imageLoadingMode":"BLUR","expandAnimation":"NO_EFFECT","imageQuality":90,"usmToggle":false,"usm_a":0,"usm_r":0,"usm_t":0,"videoSound":false,"videoSpeed":1,"videoLoop":true,"gotStyleParams":true,"selectedLayout":"4|bottom|1|fit|false|1|true","allowSocial":false,"allowDownload":false,"allowTitle":false,"allowDescription":false,"loveButton":false,"loveCounter":false,"showVideoPlayButton":true,"galleryImageRatio":2,"sharpParams":{"quality":90,"usm":{}},"galleryHorizontalAlign":"center","galleryVerticalAlign":"center","imageLoadingWithColorMode":"PICKED_COLOR","imageRatioType":"FIXED","numberOfDisplayedItems":3,"itemBorderColor":{"themeName":"color_15","value":"rgba(211,206,207,1)"},"itemShadowOpacityAndColor":{"themeName":"color_15","value":"rgba(211,206,207,0.2)"},"textBoxBorderColor":{"themeName":"color_15","value":"rgba(211,206,207,1)"},"titleDescriptionSpace":6,"textsVerticalPadding":0,"textsHorizontalPadding":0,"textBoxFillColor":{"themeName":"color_11","value":"rgba(35,31,32,1)"},"alwaysShowHover":false,"isStoreGallery":false,"previewHover":false,"calculateTextBoxHeightMode":"MANUAL","galleryLayout":4,"useCustomButton":false,"customButtonText":"","itemOpacity":{"value":"rgba(255,255,255,0.6)"},"itemFont":{"style":{"bold":false,"italic":false,"underline":false},"family":"avenir-lt-w01_35-light1475496","preset":"Heading-M","editorKey":"font_5","size":24,"fontStyleParam":true,"displayName":"Basic Heading","value":"normal normal normal 24px/1.4em avenir-lt-w01_35-light1475496,sans-serif"},"itemFontSlideshow":{"family":"avenir-lt-w01_85-heavy1475544","displayName":"Basic Heading","style":{"bold":false,"italic":false,"underline":false},"size":22,"preset":"Custom","editorKey":"font_5","fontStyleParam":true,"value":"font:normal normal normal 22px/27px avenir-lt-w01_85-heavy1475544,sans-serif;"},"itemDescriptionFontSlideshow":{"family":"avenir-lt-w01_35-light1475496","displayName":"Paragraph 2","style":{"bold":false,"italic":false,"underline":false},"size":15,"preset":"Custom","editorKey":"font_8","fontStyleParam":true,"value":"font:normal normal normal 15px/18px avenir-lt-w01_35-light1475496,sans-serif;"},"itemDescriptionFont":{"family":"avenir-lt-w01_35-light1475496","displayName":"Paragraph 2","style":{"bold":false,"italic":false,"underline":false},"size":15,"preset":"Custom","editorKey":"font_8","fontStyleParam":true,"value":"normal normal normal 15px/18px avenir-lt-w01_35-light1475496,sans-serif"},"itemFontColor":{"themeName":"color_11","value":"rgba(35,31,32,1)"},"itemFontColorSlideshow":{"themeName":"color_15","value":"rgba(211,206,207,1)"},"itemDescriptionFontColor":{"themeName":"color_11","value":"rgba(35,31,32,1)"},"itemDescriptionFontColorSlideshow":{"themeName":"color_15","value":"rgba(211,206,207,1)"},"loadMoreButtonFont":{"family":"avenir-lt-w01_35-light1475496","displayName":"Paragraph 2","style":{"bold":false,"italic":false,"underline":false},"size":15,"preset":"Body-M","editorKey":"font_8","fontStyleParam":true,"value":"normal normal normal 15px/1.4em avenir-lt-w01_35-light1475496,sans-serif"},"loadMoreButtonFontColor":{"themeName":"color_15","value":"rgba(211,206,207,1)"},"loadMoreButtonColor":{"themeName":"color_11","value":"rgba(35,31,32,1)"},"loadMoreButtonBorderColor":{"themeName":"color_15","value":"rgba(211,206,207,1)"},"arrowsColor":{"themeName":"color_11","value":"rgba(35,31,32,1)"},"oneColorAnimationColor":{"themeName":"color_11","value":"rgba(35,31,32,1)"},"responsive":false,"targetItemSize":45,"isAccessible":false,"allowLeanGallery":false,"layoutsVersion":2,"selectedLayoutV2":4,"isSlideshowFont":false,"externalInfoHeight":0,"externalInfoWidth":0},"container":{"top":"","bottom":"","left":"","right":"","width":980,"height":500,"position":"","avoidGallerySelfMeasure":true,"galleryWidth":990,"galleryHeight":505,"scrollBase":0}}
    Back to Top

    Cosplay

    Graphic Design

    Making

    Personas

    UI

    UX

    Website

    © 2023 by Adam Johnson