Categories
Website Design

Full Workshop: Content Strategy & Information Architecture [Video]

Full Workshop: Content Strategy & Information Architecture

This week we released our new course Web Design: Becoming a Professional, and today I want to give you a taste of the quality and depth we go into in the course.

So I’m giving you access to a full hour of video on the topic of Content strategy & Information architecture.

… and this is just the tip of the iceberg as we have so much more than video content inside the course:

– Exercises and practice files
– 2 Course projects
– Coaches to review your work
– Live events
– Resources and tools
– Monthly challenges
– And more!

Are you ready to transform your whole career? Join us here: https://www.flux-academy.com/courses/learn-web-design-become-a-professional


Timelapse:

00:00 Introduction: Content Strategy
01:19 Content Strategy vs. Information Architecture
01:45 What is content strategy
02:00 Information architecture
02:17 How we do it
02:40 First step: Do your prep
03:38 Second step: Brainstorm and discuss content, tone, SEO
04:33 Third step: Sort and group to pages
06:28 Fourth step: How to structure the content
08:27 The web structure tool: Site Map
09:08 The web structure: The non-fancy way
10:15 Sitemap labeling matter
10:40 Types of structure
13:16 One page vs multi-page
17:20 Common web components
17:36 Homepage: purpose and structure
20:48 Navigation: purpose and best practices
25:00 Global vs Local Navigation
27:00 Using breadcrumbs
28:00 Do you need a search function?
29:10 Hero section
31:40 Testimonials
34:00 The logo bar
36:00 Pricing table
38:20 Product page
40:30 Checkout page
44:20 Forms
45:00 Contact page
46:58 Footer
48:48 Content development process
49:10 Do the heavy lifting for them
50:10 Ask for approval
50:30 Copywriting tips
53:40 Proofread
55:07 How I do a site map
59:00 Summary


Find me on other social media platforms:
Instagram: https://www.instagram.com/ransegall/
Twitter: http://twitter.com/ransegall
LinkedIn: https://www.linkedin.com/in/ran-segall-0b582a33/

Gear & Book Recommendations: http://bit.ly/2ohFOuj

#webdesign #freelancer #webdevelopment #business #entrepreneur

Thanks for watching the video [Insert Video Title Here]

Watch/Read More
Categories
Website Design

How to Make Google Home Page using HTML CSS. How To Design Google Search Page From Scratch Google UI [Video]

How to Make Google Home Page using HTML CSS. How To Design Google Search Page From Scratch Google UIPlease Subscribe Our Channel:https://www.youtube.com/channel/UCcde..."Decimal To Binary" Converter JavaScript Project:https://youtu.be/gRh5jFZfiC0JavaScript "digital clock" design:https://youtu.be/5lu3xGZBsGw"Copy To Clipboard" Simple JavaScript Project:https://youtu.be/6eRChMvWSggJavaScript Booklist App:https://youtu.be/s3dU9omql9wJavaScript calculator project:https://youtu.be/wZoiaPZ3vaoResturant website design:https://youtu.be/UWHScDoWZDYBusiness Agency website design: https://youtu.be/UW0392LiG14JavaScript Memory Game:https://youtu.be/NQVoL94ChoQWhack a mole game in JavaScript:https://youtu.be/-kXmNkYokcMMusic Provided by: NoCopyrightSoundNoCopyrightSound Website: https://ncs.io/************************Video Keyword*******************html,css,javascript,html5,css3,web-design,web programming,google,google,google homepage,how to make google,codingtuts,coding tuts,programming,website,googles homepage,time-lapse,timelapse,time lapse,html website,php,jquery,ruby on rails,mysql,html & css website,html5 website,html5 & css3 website,responsive website,professional website,professional responsive website,search enginehow to create a google home page,how to make google home page ui,how to make google home page design,how to make google,google home page,html and css tutorial,similar to google,using css flex box,recreating the google homepage,google ui,google design,with source codehow to design google search page website using html & css step by step,how to make website design using html and css step by step tutorial,website design,web design,html and css website design,how to make website,how to create website,website design usign html and css,how to make website using html and css,website design tutorial,ui design usign html and css,html and css,html tutorial,css tutorial,html css website design,wesbite design 2020,website designingHow to Make Google Home Page using HTML CSS. How To Design Google Search Page From Scratch Google UIHow to Make Google Home Page using HTML CSS. How To Design Google Search Page From Scratch Google UIWith GitHub Source CodeHow to Make Google Home Page using HTML CSS. How To Design Google Search Page From Scratch Google UIHow to Make Google Home Page using HTML CSS. How To Design Google Search Page From Scratch Google UI

Categories
Website Design

How the Chameleon Web Development Framework is used to modernize the IBM i, RPG community.This channel helps IBM i developers to become more proficient in creating browser apps, by presenting step by step instructional videos on how best to use an IBM i Web Development Framework.We are all about replacing the traditional display files (DSPF) with HTML pages. The Chameleon Framework is a freeware and is available under the standard MIT license, and was built on IBM i for IBM i developers. It provides a comprehensive development environment where RPGLe professionals will be able to create browser apps in matter of minutes.If you are interested in browser development on IBM I using RPGLe or CPPLe, click on that subscribe button and leave your suggestions in the comments.* FREE * - Framework to Create Browser Apps on IBM iChameleon Web Development Framework for IBM ihttp://www.hexache.com/ABOUTTwo Guys, Mike Augel and Joseph Park with top level credentials and decades of IBM i experiences. Mike has global expertise in providing business solutions and Joseph brings forth an in-depth development expertise from the lowest bowels of the IBM i to various modern languages on multiple platforms.

Categories
Website Design

In this session, two Webflow Product Managers (PMs) will give a behind the scenes look at what it’s like to launch Memberships, a highly-anticipated feature at Webflow. Trust us when we say this is one that content creators and marketers in particular won’t want to miss.Alex Diaz (he/him), senior product marketing manager, Webflow Alex Diaz is a Senior Product Marketing Manager leading Webflow’s mission to expand the core capabilities of what users do today within the platform — shaping the go-to-market efforts and product positioning, value props, and overall competitive messaging.Ibifuro Odu, she/her, product manager, Webflow IB leads the personalization team at webflow, working to empower businesses to create even more unique experiences for their customers. She’s passionate about driving real-world impact.Presented at Webflow's No-Code Conference 2021.#NoCodeConf #NCC----------Get started with Webflow: https://wfl.io/2r7cVUWJoin the Webflow Community: https://webflow.com/communityhttps://webflow.comhttps://twitter.com/webflowhttps://facebook.com/webflow