By Josh on October 1, 2015
New site for new product by from new client. We even got to design it, though it very much followed elements from the catalog they were putting together and it became and interesting journey as always. Anyway, it is a “one” pager WP site translated to 7 languages. Some items for your consideration:
- Almost 50 custom ACF fields
- Goolge Analytic event tracking – you view a panel, Google knows it. (Have it tied to animation effects per panel first would have used waypoints, but didn’t have them at the time).
- Polylang WP plugin. Works rather nice, tho documentation was tough to find and it did have issues at times (I think was more because of WP Engine caching).
- Oh, hosted on WP Engine with Nazi caching
- Some quazi replicated site action. Grabs an ID from the URL and changes some links and info to tie into the parent corp system. The Caching also wreaked havoc on this. Some extra js work around were required here.
- Vimeo PRO video embeds. Then later used oEmbed json format to pull the thumbnails for each vid to make a new pager. Note: If the videos are anything but public, the normal simple api for getting video data does not work. The oEmbed method does work, but with somewhat limited data.
- Neato on-view animations with wow.js and animate.css (thanks, DR – I had always done this with waypoints). Note: I forsee using wow/animate in the future, but only grabbing it parts at a time. That seems to make the most sense to me. I also did one custom animation tied to wow AND tied the GA tracking to these event callbacks. Eventually I need to add Waypoints.js for additional function, and should have probably used that from the beginning for GA, but I didn’t.
- Home-baked responsive modal/pop-overs for additional info panels. I kind of like how it works, though a little messy here as there were numerous changes.
- Custom JG-anti-grid scss components (like that, Darin?) and js components, grunt libsass minify, bla bla bla
- Prolly a few other things I am forgetting at the moment.
http://alavida.lifewave.com/
Posted in | Tagged ACF, animate.css, anti-grid, google analytics events, Grunt, replicated site, responsive modal, SCSS, Vimeo, waypoints.js, Wow.js |
By Josh on July 15, 2015
Pick out a sweet sweater. This thing finally launched. Clean design, lots of image work. Used posts to create products / categories, conditional archive page to display products or news.
- WordPress
- FoundationPress (w/ SCSS, Grunt, bla bla bla)
- Advanced Custom Fields (ACF)
- jQuery MixItUp jQ plugin for product sorting (Got a multi dev license, got you covered, DR)
- Subscribe to Category WP Plugin (emails news posts to signees)
- Google Maps Pro WP Plugin for Store Locator
- Funky hover effects
- Custom off-canvas menu (non-foundation)
http://www.stcroixcollections.com
Posted in CMS, Launch, Mobile, Web Design, Wordpress | Tagged ACF, Google Maps, Grunt, SCSS, Store Locator, Subscribe, WordPress |
By Josh on January 21, 2015
A new website design and stone database.
- New C5.7
- Used new Block Designer Addon from marketplace (replacement for old Designer Content package)
- Paul built custom stone product database
- Used SCSS
- Customized a copy of the image slider block to create a product listing similar to their previous
- A couple custom image slider templates (cycle2 driven)
- Responsive with basic off-canvas nav
- Font Awesome icons
stoneholding.com
Posted in CMS, Launch | Tagged 5.7, Concrete 5, custom blocks, Cycle2, Font Awesome, fontawesome icons, image slider |
By Josh on November 5, 2014
Pretty simple InDesign to website via Adventure. Had an interesting time getting the top cycle2 to behave with responsive content—the sentry is based off of content of a slide, but all the slides were different and changed changed size upon response. Otherwise pretty straight forward.
sedonabottling.com
Posted in | Tagged CSS blend mode, Cycle2, formmail, panels, Responsive | Site Sedona Bottling |
By Josh on May 2, 2014
- Initio designed
- Convert to responsive
- Fontawesome icons
- Composer style recipes and products, features, etc
- Cycle 2, fancybox 2, js height equalizer, the usual
- Color coded sections
Nothing too fancy here really. The color coding and a lot of different layouts made this a bit of a challenge, especially when making responsive, but nothing to crazy. We’ll see how it goes as they continue to edit content.
Inharvest.com
Posted in CMS, HTML | Tagged Composer, Concrete 5, Cycle 2, FancyBox2, fontawesome icons, Responsive |
Recent Comments