https://butn.one/btn/?name= ⬅+ Go+Back &link=https%3A%2F%2Fmagicmiles.notion.site%2FDesign-f4588e8f54e24617b2de85804f9ffc68%3Fpvs%3D4&tab=0&darkMode=0&transparent=0&ftSize=&ftFamily=Roboto&ftWeight=bold&ftStyle=normal&cText=%231f3450&cBg=%23ffffff&cHText=%23FFFFFF&cHBg=%231f3450&bColor=%231f3450&bRadius=26&bSize=1&position=left&emoji=&boxYpos=2&boxXpos=1&boxBlur=0&boxSpread=0&boxColor=rgb(15+15+15+%2F+10%25)&px=5&py=7
Quick Jump: Design + Development Template Reworks
My web design and no-code development projects have consisted of creating campaign landing pages for startups, redesigning existing websites, setting up sites such as Help Centers for web applications, and of course, making websites.
I always look to make projects more efficient, effective, and approachable for key stakeholders of a web project by leveraging no-code and automation tools, as well as task management and knowledge/documentation apps.
Depending on the scenario, I can create elements from scratch, but typically I do utilize existing component libraries such as Relume to decrease turnaround time. Likewise, I am currently educating myself in the Finsweet client-first style system for Webflow.
I am capable of utilizing templated code blocks to accomplish certain functionalities (such as the countdown timer below), but I am a no-code developer. I understand the basic principles of CSS and HTML, but I do not write code. If there’s a finsweet attribute, a cloneable component, or documentation on how to implement a custom-code solution in a no-code product, I can typically fulfill those needs.
[Indie arcade wiki website page featuring CMS-powered background video, sliders, and linked multi-reference fields (Webflow / Relume / Finsweet) - view live website](https://www.canva.com/design/DAGOobuEDDU/cy9qjFrYNArVR8Hw8PcCdA/view)
Indie arcade wiki website page featuring CMS-powered background video, sliders, and linked multi-reference fields (Webflow / Relume / Finsweet) - view live website
[Desktop - Oberit homepage. Designed / Built in Webflow. Setup text link to app with ClickSend. View live](https://www.canva.com/design/DAFepihu29s/watch)
Desktop - Oberit homepage. Designed / Built in Webflow. Setup text link to app with ClickSend. View live
[Oberit background / story landing page. Designed in Figma → built in Webflow. (view fullscreen)](https://www.canva.com/design/DAFeh3psbwc/watch)
Oberit background / story landing page. Designed in Figma → built in Webflow. (view fullscreen)
[Mobile - NachoNacho SXSW landing page used in social and as destination from flyer QR code. Designed / Built in Figma & Webflow. View live](https://www.canva.com/design/DAFenH8jDrM/watch)
Mobile - NachoNacho SXSW landing page used in social and as destination from flyer QR code. Designed / Built in Figma & Webflow. View live
[Desktop - NachoNacho SXSW landing page. Designed / Built in Figma & Webflow. View live](https://www.canva.com/design/DAFeph8IwEQ/watch)
Desktop - NachoNacho SXSW landing page. Designed / Built in Figma & Webflow. View live
[Financial advisor website. Built in Webflow. Design, copy, and local SEO. Form submission setup. View live](https://www.canva.com/design/DAFfXrrFoCQ/watch)
Financial advisor website. Built in Webflow. Design, copy, and local SEO. Form submission setup. View live
[Stylist education app help center. Template rework of Engrafa. Edits Included branding, custom page for routing to the app or help center, and article enhancements such as sticky table of contents. QR destination of backroom poster.](https://www.canva.com/design/DAFepaSu2DU/watch)
Stylist education app help center. Template rework of Engrafa. Edits Included branding, custom page for routing to the app or help center, and article enhancements such as sticky table of contents. QR destination of backroom poster.
[Stylist education app landing page. Template rework of Landingos - Webflow. Edits included branding, lightbox feature highlights, FAQ accordian, and additional feature tabs. View live](https://www.canva.com/design/DAFeodh-LkE/watch)
Stylist education app landing page. Template rework of Landingos - Webflow. Edits included branding, lightbox feature highlights, FAQ accordian, and additional feature tabs. View live