#when youre up at 2am because you finally found one of the devs that you thought was dead and now you have his email and know where he works
Explore tagged Tumblr posts
muirneach · 2 years ago
Text
i think everyone should have something really really niche topic to be insane about. for your health. and it’s better to do this with friends so you can go crazyyyy together
22 notes · View notes
zeondraws · 2 months ago
Note
I was wondering if you were planning a post showing the whole rig or if you knew where to find that? I've really wanted to see each of the rooms in full and where everything leads and connects and all the details, it's hard to see watching playthroughs, especially as the rig deteriorates and the player doesn't take their time to look around.
Thank you for all your time spent going through the game! I really enjoy in depth posts like yours!
Ah this is a great question anon! And thank you so much <3
Maybe in the future I will lay out some sketches how everything connects on the rig. The biggest thing is, there are only certain things loaded in, in each level. So it's always a wee bit of puzzling until I understood where things are located. Which also means I could never check the other parts of accomodation before the deterioration, most rooms aren't shown and/or doors lack the name signs.
However the coolest thing for me was, when I found where Finlay's room is located.
Tumblr media
You're never able to see Finlay's and Davros' room, my screenshot of the other door is hard to read, since there is barely any light coming through this part.
Tumblr media
They're behind this door at the right of "Campbell" room (and the door near Granstoun/Loudon on the other side). Screenshot a bit crusty but-
Tumblr media
Hope I don't slide offtopic too much- I just find it interesting to explore it all and hope to find some random hidden detail here and there.
I know Raffs diving bell is floating across multiple levels, but it's hollow and nothing seems to be going on with it. Up until you see mutated Raffety before Caz enters Engineering again.
I just find this all interesting, because this reminded me of some random post I saw weeks ago. A person claiming the rooms are not properly in place anymore in the late game. They probably thought the devs "disconnected" Accomodations or "weren't consistent with the level locations".
But in reality, it takes multiple walkthroughs until one properly understands how it all goes together. Same with me not realising O'Conner is hanging inside the Forward Pontoon (the one you flood later). Or me having difficulties understanding how exactly Engineering works and being confused what area I have been in already (Where was Mud Handling again?? Where is Pump Control again?? I am slowly memorising it, but still get flabbergasted).
Tho, yeah I could try to make some sort of video or drawing to showcase where everything leads to on the rig. Might take a while due to moving soon. But could be interesting
It clearly makes me realise how much research goes into a topic. At the beginning when I first watched this game, I had no idea what was where (I still remember when I was confused where Muir and Innes were standing??). My first and second playthrough I also felt clueless. But with each playthrough I discover more and more details and finally understand what is going on. Sometimes it makes me wonder why I don't apply this for other things I want to learn (with art or idk finances, I'll figure it out!). But uuuuuuuuuh, you can see I could continue rambling for hours.
It's almost 2am so I have to cut myself short sadly XD But feel free to ask me more questions if you have any (or if other folk have questions too). I shall leave you with this screenshot of questionable amounts of recordings I have
Tumblr media
Ain't even all, it's 315GB in total (because I record in 2560 x 1440)
9 notes · View notes
spencers-renaissance · 4 years ago
Text
Writing Masterlist
All of my writing is available on AO3, but I’ve put together a masterlist of all my work so far for everyone who gets their fic fill on tumblr and will keep it updated! Keep your eyes peeled for new fics on the regular <3
⭐️= indicates my personal faves
If you’re looking for smut, you need to head to my smut masterlist on my nsfw blog!
Current Fic Count: 30
Aaron x Spencer
⭐️turns out that I need you now (much more than you need me)
Spencer is suffering in silence and it’s only made worse when the team messes up and makes him feel even more hurt and insecure. When Hotch goes to check on him, though, things start to look up.
3.5k, angst, hurt/comfort, protective hotch, happy ending
⭐️Vivaldi on Full Volume
Spencer’s done enough pining, so he decides to write a letter for Aaron telling him exactly how he feels and gives it to him on the jet. He cannot be held responsible for what happens when they land.
5.2k, fluff, love confessions, shy spencer, insecurity
Living the Same Lie
Aaron breaks up with Spencer, but when an attempt to move on goes horribly wrong they get a second chance.
5k, hurt/comfort, angst with a happy ending, fluff, breaking up and making up, implied/mentioned physical assault, implied/mentioned sexual assault
East Coast
Spencer and Aaron happen to sit opposite one another on a busy train, and when Spencer spots a breakthrough in the legal case Aaron is stuck on, they strike up an innocuous conversation that quickly stirs up feelings.
2.1k, fluff, meet-cute, train carriage au, lawyer!aaron, academic!spencer, shy spencer, firsts 
All Roads Lead Home
Spencer’s working the Christmas Eve shift when a young boy with a hurt arm comes into the ER. Nothing out of the ordinary, except his rather flirty dad and leaving later with an extra phone number in his contacts list…
2.1k, fluff, hospital au, getting together, first date, gentleman!aaron, soft spencer
To Look on Tempests and Not Be Shaken
In the wake of a blazing row and an empty apartment, Aaron finds Spencer’s well-thumbed copy of Shakespeare’s sonnets and recalls the morning after their wedding, when Spencer sat on his lap and read Sonnet 116 to him. Suddenly, everything makes sense.
2.6k, angst with a happy ending, fighting and making up, married hotchreid, relationship dynamics, introspection, fluff
Derek x Spencer
Even More Beautiful 
The BAU is stuck in Michigan with no case and no way home, so naturally, Spencer and Derek confess their love for one another. (Based on the prompt ‘You look even more beautiful covered in snow.’)
3.5k, fluff, love confessions, shy spencer, insecurity, hurt/comfort
⭐️Hear it in the Silence
A short, fluffy chronicle of Spencer realising in increments how in love with Derek he is, and navigating a real, beautifully sweet relationship that's not always smooth sailing, especially since he's been hurt before. (Based on Taylor Swift’s You are in Love.)
3.7k, angst, fluff, hurt/comfort, dev relationship, tw past abuse, domesticity
⭐️Still Left With the River
Derek wakes up to find his boyfriend crying on the sofa. Cue the hurt, the comfort, and the fluff. 
1.6k, hurt/comfort, fluff, caretaker!derek, autistic spencer, crying, sad spencer
100
Spencer's an academic researcher who spends every morning at his local library. Derek just happens to drop by one Tuesday and ask the pretty boy in the classics section if he can help him find a book. Sparks fly.
2.1k, library au, fluff, meet-cute, pining, shy spencer, coming out
when I fall asleep (it is your eyes that I close)
Spencer’s not been sleeping, and as much as Derek adores his sleepy clinginess and physical affection, as soon as they get home he’s determined to get to the bottom of it. 
1.9k, fluff, hurt/comfort, sleep-deprivation, clingy!spencer, physical affection, anxiety, cuddling
⭐️Trees and Seas Have Flown Away, I Call it Loving You
Derek says something hurtful, but it happens to lead to just about the best thing that’s ever happened to Spencer.
3.2k, hurt/comfort, fluff, angst, fighting/making up, angst with a happy ending, autistic spencer, coming out, getting together
⭐️A Christmas Like This
Spencer has a very specific plan for their first Christmas in their new house, and it has to be absolutely perfect. Derek’s going to do everything in his power to make his boyfriend as happy as possible, even if that means a house covered in garlands and a tree covered in animal skeletons…
2.9k, fluff, christmas fic, est relationship, neurodivergence, romance, domesticity, day in the life
Secret Santa
Penelope rigs the BAU’s Secret Santa game to finally get Derek and Spencer together with extraordinary success, and they have her to thank for their future first date. Oh, and a sprig of mistletoe nearly throws the whole thing out the window. 
2.8k, fluff, getting together, insecurity/anxiety, christmas fic, first kiss, misunderstandings, friendship
⭐️A Chronicle of Loss
5 people Spencer Reid lost and 1 person he gained. A look at the traumas Spencer faces over the series, and giving him the happy ending he deserves.
3.6k, grief, loss, abandonment issues, insecurity, depression, hurt/comfort, angst with a happy ending, getting together, ‘didn’t know they were dating’, protective derek, autistic spencer
Mayhem
Imagine that scene in S4E1 when Derek is driving the ambulance loaded with a bomb about to explode, except it’s Spencer on the other end of the phone and they finally get their shit together. 
4.2k, canon divergence, spencer is the tech analyst, getting together, mutual pining, insecure spencer, angst with a happy ending, fluff, declarations of love
⭐️my heart talks about nothing but you
Derek finds Spencer staring longingly at dancing newlyweds while on a case and once he gets to the bottom of why he’s tasked with making a proposal to a man who knows it’s coming special somehow. (He pulls it off.)
2.5k, established relationship, hurt/comfort, minor angst, fluff, relationship discussions, proposal, protective derek
I told the stars about you
Derek and Spencer have their first date. They dance to Frank Sinatra and cuddle in an ice cream parlour, before kissing the hell out of each other at Spencer's front door. That's pretty much it. (Prequel to above fic.)
2.1k, first date, first kiss, pure tooth-rotting fluff, dancing, flirting, protective derek
⭐️I can’t hold enough of you in my hands
Derek and Spencer are finally getting married and the rest of the BAU are there to help them through every step of the day. Including a little surprise that Derek has up his sleeve for their first dance. (Third part to the above two fics.)
3.1k, tooth-rotting fluff, marriage/wedding day, team as family, team dynamics, domesticity, paternal hotch, maternal alex, just a whole lotta love man
⭐️ dry me off and hold me close
Derek has finally relented and is bringing his boyfriend Spencer to meet the rest of the team. That means, though, he has to finally tell them about his boyfriend's disability. Terrified that they'll react badly, he puts it off until he can't anymore. Turns out he was worried for nothing
5.7k, so much fluff, protective derek, disabled spencer, caretaker derek, spencer is not in the bau, team as family, hurt/comfort, light angst, est. rel, chronic illness, slice of life: disabled edition
Honeysuckle
The BAU decide to head out for a picnic one summer afternoon, but they’re soon rudely interrupted by a bee sting and anaphylactic shock. Seeing Spencer carted off in an ambulance is not exactly how they expected the day to go.
2.3k, whump, angst, fluff, hurt/comfort, hurt spencer, friendship, medical conditions, severe allergic reactions
⭐️The Noiseless Crash of Crumbling Walls
After Derek and Spencer are paired up on a science project in their senior year of high school, they become the closest, most unlikely friends possible. But what happens when Derek finally finds out what Spencer's dealing with at home? Inspired by the prompt “where did you get those bruises?”
4.5k, high school au, hurt/comfort, fluff, angst, hurt spencer, protective derek, abuse, friendship, pre-slash, spencer just turned 16, derek is almost 18
Luke x Spencer
Start With This
Luke accidentally hurts Spencer because they are both hopelessly stupid, but when Spencer’s faced with a dangerous situation there’s nothing he wants more than Luke. Calling him turns out to be a very good decision.
3.9k, hurt/comfort, angst w a happy ending, fluff, getting together, misunderstandings
⭐️Foolishly, Completely Falling
Spencer declines to spend the night with Luke, but there’s a reason for that, and things start to click into place when Spencer shows back up at his doorstep at 2am, hours after being dropped home.
2.5k, hurt/comfort, fluff, angst, past toxic relationship, nightmares, est/dev relationship
You Said You’d Never Smile Again
“At one point, we had a conversation about how hard Spencer was finding life after prison and he told me that he didn’t think he’d ever smile again. And so, I made it my mission to prove Dr Spencer Reid wrong for the first time in his life.”
1.4k, weddings, tooth-rotting fluff, implied/referenced depression, post-prison spencer, insecure luke, found family 
Emily x JJ
Don’t Be Scared, I Love You
JJ is shot and Emily's world stops spinning.
1.7k, whump, hurt/comfort, angst with a happy ending, fluff, protective emily
⭐️my pain fits in the palm of your freezing hand
Emily leaves. Her heart is breaking. JJ follows. Hers is waking up.
1.3k, angst with a happy ending, fluff, mutual pining, crying, first kiss
Emily x Reader
⭐️Night In/Night Out
Emily Prentiss is your girlfriend and she finally asks you to meet her family (the BAU): cue the fluff.
3.2k, fluff, flirting, cuddling, domesticity, protective emily, slight shy!reader
baby, you’re my new years’ eve
You and Emily are hosting a New Years' Eve party for all of your friends, but she's acting a little weird. You finally find out why when the clock strikes midnight.
3.6k, fluff, nye fic, proposal, getting engaged, domesticity, romance, flirting, day in the life 
Gen
Pull Me Out of the Glowing Stream
Spencer develops bacterial meningitis and Hotch sort of forgets how to breathe. 
3.8k, paternal!hotch, hurt/comfort, sickness, whump, fluff, happy ending
I found my way home
After Spencer tells Hotch about his recent autism diagnosis, he expects that to be the end of it. Somehow, though, it keeps coming up, and Hotch keeps proving himself to be the best father figure he could have asked for. 
4.1k, autistic spencer, protective hotch, hurt/comfort, fluff, paternal hotch, team as family
⭐️The Colour of Waiting is Purple
Spencer's just trying to get home as quickly as possible when a bad decision to take a shortcut down a back alley leaves him broken and bleeding into the night. // Hotch thinks it's a new case when his phone rings at 3 in the morning. It isn't.
3.7k, whump, hurt/comfort, physical assault, major character injury, hospitals, dad hotch, hurt spencer, angst with a happy ending, eventual fluff
109 notes · View notes
r-e-b-a-l-a-n-c-e · 4 years ago
Text
05/29/2020
Greetings mortals, it is your aries mother calling.
First of all, let me say that I am in love with Stingray #1 and Stingray #2. Don’t know who those are? That’s not my problem, boo. 
We talked until 2AM (may god bless our sleeping schedules) about the current situation that has resulted from George Floyd’s tragic passing and I was reminded that there are real allies in this world. The way that people have risen up and are bravely fighting against police brutality during a pandemic... I am speechless and in awe of them. I feel like we’re on the cusp of a revolution...
Back to the stingrays in my life, it’s an empowering feeling to be surrounded by people that just get it. Not only just get it, but are critical of how to appropriately respond to sensitive issues such as this. I’m lucky to have found a circle that will constantly challenge my understanding of the world and help me evolve for the better. You become the people you surround yourself with and I hit the jackpot.
For the majority of my life, I have been resigned to my fate of being surrounded by, dare I say, stupid small-minded children that have priorities I can never understand. found myself surrounded by people  help you grow on aIn an industry/field where I am constantly surrounded by, dare I say, stupid small-minded children, 
Anywho, let’s get on with what happened today. 
8:40AM: Woke da faq up. Not going to lie, I tried waking up earlier but my body was screaming for help. I decided to listen to it. 🥺
8:40-9:30AM: Responded to Slack messages, cleaned my email, rescheduled meetings, and overall organized myself for the day.
9:30-10:00AM: Yoga with my mom, made breakfast + coffee, and dressed cute/professionally. 
10:00-4:30PM: intern bootcamp 
Again, I was reminded of how wrong they did me during my onboarding LOL. This bootcamp was amazing and I wish I had something like this earlier.
They discussed open-source contributions, gave clear resources and actionable items on how we can start, told us about the rewards we can receive ($1000+), and then made us do one! Just wow.
Note that we’re talking open-source and contributing to the big tech community, not my company’s.
Following that, we had a rapid-prototyping session and this is when I realized my power once again. Sometimes I think my work, standards, and skillset are average but then I work on a team and see what others perceive as acceptable and I’m like WTF. When will I fully acknowledge I’m an aries and our standards are not the norm!?! 
There were a couple of interactive activities where we’d have to break up into smaller groups and have discussions. Every single time, I found that I had to interject and lead the conversation because everyone would lose focus and waste time discussing unimportant details.
Just like anyone, I hate repeating myself and I found that I had to keep reminding people of the task at hand which was sooo annoying. Especially when we have to present something and we have a deadline. 
And then the UI that was created... LMFAO. I had to take a deep breath and remind myself to choose my battles. I was so embarrassed though when we had to show it to other people LOL. Don’t you just hate when you have to lower your standards to appease others, especially when they’re not hard fixes? 
I think what shook me was that many times there would be Ivy kids in the room. I was ready for their leadership and perfectionist natures but they were so disappointing. 😂
i submitted my first PR for work during one of those sessions (and I still managed to lead the conversation 💀).
4:30-11:00PM:
Started a channel for female dev summer interns at the company.
Worked on the diaspora-app-manager-v2 and finally got the circleci passing! Migrated from yarn to npm too.
Got everyone in a student group to join a channel... Why did I have to do that after sending multiple reminders. 😒 
Shared a post made about the student group on the university page. Restructured the Slacks I sent them to.
Sent workouts to a girl that seems scared of physical activity LOL.
Currently working on fixing the Sign out button on the app manager.
... I can’t remember what else...
I am exhausted today. 😫 I cannot be bothered to read this post over lol.
night babies
1 note · View note
kennethmontiveros · 7 years ago
Text
How to Turn a Long Landing Page Into a Microsite – In 5 Easy Steps
Landing pages can get really long, which is totally fine, especially if you use a sticky anchor navigation to scroll people up and down to different page sections. It’s a great conversion experience and should be embraced.
// On receiving message from the Convertable set a cookie window.onload = function() { function receiveMessage(e) { var eventData = JSON.parse(e.data); // Check for the later message if (eventData === 'later') { document.cookie = "mlshowSticky=true; expires=Thu, 11 May 2018 12:00:00 UTC; path=/"; } if (eventData === 'laterForget') { document.cookie = "mlshowSticky=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;"; } } // Listen for the message from the host page window.addEventListener('message', receiveMessage); }
However, there are times when having a small multi-page site, known as a microsite (or mini-site) can offer significant advantages.
This is not a conversation about your website (which is purely for organic traffic), I’m still talking about creating dedicated marketing-campaign-specific experiences. That’s what landing pages were designed for, and a microsite is very similar. It’s like a landing page in that it’s a standalone, controlled experience, but with a different architecture.
The sketch below shows the difference between a landing page and a microsite.
Tumblr media
The landing page is a single page with six sections. The microsite has a homepage and 5 or 6 child pages, each with a persistent global navigation to conect the pages.
They are both “landing experiences”, just architected differently. I’ve noticed that many higher education landing experiences are four-page microsites. The pharmaceutical industry tends to create microsites for every new product campaign – especially those driven by TV ads.
What are the benefits of a microsite over a long landing page?
To reiterate, for most marketing campaign use cases, a single landing page – long or short – is your absolute best option. But there are some scenarios where you can really benefit from a microsite.
Some of the benefits of a microsite include:
It allows more pages to be indexed by Google
You can craft a controlled experience on each page (vs. a section where people can move up and down to other sections)
You can add a lot more content to a certain page, without making your landing page a giant.
You can get more advanced with your analytics research as there are many different click-pathways within a microsite that aren’t possible to track or design for on a single page.
The technique I’m going to show you takes an Unbounce landing page, turns it into a 5-page microsite.
.exampleTitle {padding:20px 5% 20px 9% !important;margin-top:50px !important;}
How to Create a Microsite from a Long Landing Page
The connective tissue of a microsite is the navigation. It links the pages together and defines the available options for a visitor. I’ll be using an Unbounce Sticky Bar as the shared global navigation to connect five Unbounce landing pages that we’ll create from the single long landing page. It’s really easy.
First, Choose a Landing Page to Work With
I’ve created a dummy landing page to work with. You can see from the zoomed-out thumbnail on the right-hand side how long it is: 10 page-sections long to be specific. (Click the image to view the whole page in a scrolling lightbox.)
Tumblr media
The five-step process is then as follows:
I’ll explain it in more detail with screenshots and a quick video.
Create the microsite pages, by duplicate your landing page 5 times
Delete the page sections you don’t want on each microsite page
Create a Sticky Bar and add five navigation buttons
Set the URL targeting of the Sticky Bar to appear on the microsite pages
Add the Unbounce global script to your site
Click “Publish”
Step 1: Create Your Microsite Pages
Choose “Duplicate Page” from the cog menu on your original landing page to create a new page (5 times). Then name each page and set the URL of each accordingly. In the screenshot below you can see I have the original landing page, and five microsite pages Home|About|Features|FAQ|Sign Up.
Tumblr media
Step 2: Delete Page Sections on Each Microsite Page
Open each page in the Unbounce builder and click the background of any page section you don’t want and hit delete. It’s really quick. Do this for each page until they only have the content you want to be left in them. Watch the 30 sec video below to see how.
  Pro Tip: Copy/Paste Between Pages
There is another way to do it. Instead of deleting sections, you can start with blank pages for the microsite, and copy/paste the sections you want from the landing page into the blank pages. This is one of the least-known and most powerful features of Unbounce.
The best way is to have a few browser tabs open at once (like one for each page), then just copy and paste between browser tabs. It’s epic! Watch…
  Step 3: Create the Navigation With a Sticky Bar
Create a new Sticky Bar in Unbounce (it’s the same builder for landing pages and popups). Add buttons or links for each of your microsite pages, and set the “Target” of the link to be “Parent Frame” as shown in the lower-right of this screenshot.
Tumblr media
Step 4: Set URL Targeting
This is where the connective tissue of the shared Sticky Bar comes together. On the Sticky Bar dashboard, you can enter any URLs on your domain that you want the bar to appear on. You can enter them one-by-one if you like, or to make it much faster, just use the same naming convention (unique to this microsite/campaign) on each of the microsite page URLS.
I used these URLs for my pages:
unbounce.com/pam-micro-home/ unbounce.com/pam-micro-about/ unbounce.com/pam-micro-features/ unbounce.com/pam-micro-faq/ unbounce.com/pam-micro-signup/
For the URL Targeting, I simply set one rule, that URLs need to contain “pmm-micro”. For the Trigger, I selected “When a visitor arrives on the page.” for the frequency, I selected “Show on every visit.” because the nav needs to be there always.
Tumblr media
Step 5: Add the Unbounce Script
We have a one-line Javascript that needs to be added to your website to make the Sticky Bars work. If you use Google Tag Manager on your site, then it’s super easy, just give the code snippet to your dev to paste into GTM.
Tumblr media
Note: As this microsite solution was 100% within Unbounce (Landing Pages and Sticky Bar), you don’t actually have to add the script to your website, you can just add it to the each of the landing pages individually. But it’s best to get it set up on your website, which will show it on your Unbounce landing pages on that domain, by default.
Click Publish on #AllTheThings!
And that’s that!
You can see the final microsite here. (Desktop only right now I’m afraid. I’ll set up mobile responsive soon but it’s 2am and this blogging schedule is killing me :D).
I’ve also written a little script that uses cookies to change the visual state of each navigation button to show which pages you’ve visited. I’ll be sharing that in the future for another concept to illustrate how you can craft a progress bar style navigation flow to direct people where you want them to go next!
A Few Wee Caveats
This use of a Sticky Bar isn’t a native feature of Unbounce at this point, it’s just a cool thing you can do. As such, it’s not technically supported, although our community loves this type of thing.
As it’s using a shared Sticky Bar for the nav, you’ll see it re-appear on each new page load. Not perfect, but it’s not a big deal and the tradeoff is worth it if the other benefits mentioned earlier work for you.
The close button on the Sticky Bar needs to be hidden (I need to bug a developer for some help and will add it back in here).
Aall in all, this type of MacGyvering is great for generating new ways of thinking about your marketing experiences, and how you can guide people to a conversion.
I’ve found that thinking about a microsite from a conversion standpoint is a fantastic mental exercise.
Have fun making a microsite, and never stop experimenting – and MacGyvering! Cheers Oli
p.s. Don’t forget to subscribe to the weekly updates for the rest of Product Awareness Month.
How to Turn a Long Landing Page Into a Microsite – In 5 Easy Steps published first on http://nickpontemktg.blogspot.com/
0 notes
roypstickney · 7 years ago
Text
How to Turn a Long Landing Page Into a Microsite – In 5 Easy Steps
Landing pages can get really long, which is totally fine, especially if you use a sticky anchor navigation to scroll people up and down to different page sections. It’s a great conversion experience and should be embraced.
However, there are times when having a small multi-page site, known as a microsite (or mini-site) can offer significant advantages.
This is not a conversation about your website (which is purely for organic traffic), I’m still talking about creating dedicated marketing-campaign-specific experiences. That’s what landing pages were designed for, and a microsite is very similar. It’s like a landing page in that it’s a standalone, controlled experience, but with a different architecture.
The sketch below shows the difference between a landing page and a microsite.
Tumblr media
The landing page is a single page with six sections. The microsite has a homepage and 5 or 6 child pages, each with a persistent global navigation to conect the pages.
They are both “landing experiences”, just architected differently. I’ve noticed that many higher education landing experiences are four-page microsites. The pharmaceutical industry tends to create microsites for every new product campaign – especially those driven by TV ads.
What are the benefits of a microsite over a long landing page?
To reiterate, for most marketing campaign use cases, a single landing page – long or short – is your absolute best option. But there are some scenarios where you can really benefit from a microsite.
Some of the benefits of a microsite include:
It allows more pages to be indexed by Google
You can craft a controlled experience on each page (vs. a section where people can move up and down to other sections)
You can add a lot more content to a certain page, without making your landing page a giant.
You can get more advanced with your analytics research as there are many different click-pathways within a microsite that aren’t possible to track or design for on a single page.
The technique I’m going to show you takes an Unbounce landing page, turns it into a 5-page microsite.
.exampleTitle {padding:20px 5% 20px 9% !important;margin-top:50px !important;}
How to Create a Microsite from a Long Landing Page
The connective tissue of a microsite is the navigation. It links the pages together and defines the available options for a visitor. I’ll be using an Unbounce Sticky Bar as the shared global navigation to connect five Unbounce landing pages that we’ll create from the single long landing page. It’s really easy.
First, Choose a Landing Page to Work With
I’ve created a dummy landing page to work with. You can see from the zoomed-out thumbnail on the right-hand side how long it is: 10 page-sections long to be specific. (Click the image to view the whole page in a scrolling lightbox.)
Tumblr media
The five-step process is then as follows:
I’ll explain it in more detail with screenshots and a quick video.
Create the microsite pages, by duplicate your landing page 5 times
Delete the page sections you don’t want on each microsite page
Create a Sticky Bar and add five navigation buttons
Set the URL targeting of the Sticky Bar to appear on the microsite pages
Add the Unbounce global script to your site
Click “Publish”
Step 1: Create Your Microsite Pages
Choose “Duplicate Page” from the cog menu on your original landing page to create a new page (5 times). Then name each page and set the URL of each accordingly. In the screenshot below you can see I have the original landing page, and five microsite pages Home|About|Features|FAQ|Sign Up.
Tumblr media
Step 2: Delete Page Sections on Each Microsite Page
Open each page in the Unbounce builder and click the background of any page section you don’t want and hit delete. It’s really quick. Do this for each page until they only have the content you want to be left in them. Watch the 30 sec video below to see how.
  Pro Tip: Copy/Paste Between Pages
There is another way to do it. Instead of deleting sections, you can start with blank pages for the microsite, and copy/paste the sections you want from the landing page into the blank pages. This is one of the least-known and most powerful features of Unbounce.
The best way is to have a few browser tabs open at once (like one for each page), then just copy and paste between browser tabs. It’s epic! Watch…
  Step 3: Create the Navigation With a Sticky Bar
Create a new Sticky Bar in Unbounce (it’s the same builder for landing pages and popups). Add buttons or links for each of your microsite pages, and set the “Target” of the link to be “Parent Frame” as shown in the lower-right of this screenshot.
Tumblr media
Step 4: Set URL Targeting
This is where the connective tissue of the shared Sticky Bar comes together. On the Sticky Bar dashboard, you can enter any URLs on your domain that you want the bar to appear on. You can enter them one-by-one if you like, or to make it much faster, just use the same naming convention (unique to this microsite/campaign) on each of the microsite page URLS.
I used these URLs for my pages:
unbounce.com/pam-micro-home/ unbounce.com/pam-micro-about/ unbounce.com/pam-micro-features/ unbounce.com/pam-micro-faq/ unbounce.com/pam-micro-signup/
For the URL Targeting, I simply set one rule, that URLs need to contain “pmm-micro”. For the Trigger, I selected “When a visitor arrives on the page.” for the frequency, I selected “Show on every visit.” because the nav needs to be there always.
Tumblr media
Step 5: Add the Unbounce Script
We have a one-line Javascript that needs to be added to your website to make the Sticky Bars work. If you use Google Tag Manager on your site, then it’s super easy, just give the code snippet to your dev to paste into GTM.
Tumblr media
Note: As this microsite solution was 100% within Unbounce (Landing Pages and Sticky Bar), you don’t actually have to add the script to your website, you can just add it to the each of the landing pages individually. But it’s best to get it set up on your website, which will show it on your Unbounce landing pages on that domain, by default.
Click Publish on #AllTheThings!
And that’s that!
You can see the final microsite here. (Desktop only right now I’m afraid. I’ll set up mobile responsive soon but it’s 2am and this blogging schedule is killing me :D).
I’ve also written a little script that uses cookies to change the visual state of each navigation button to show which pages you’ve visited. I’ll be sharing that in the future for another concept to illustrate how you can craft a progress bar style navigation flow to direct people where you want them to go next!
A Few Wee Caveats
This use of a Sticky Bar isn’t a native feature of Unbounce at this point, it’s just a cool thing you can do. As such, it’s not technically supported, although our community loves this type of thing.
As it’s using a shared Sticky Bar for the nav, you’ll see it re-appear on each new page load. Not perfect, but it’s not a big deal and the tradeoff is worth it if the other benefits mentioned earlier work for you.
The close button on the Sticky Bar needs to be hidden (I need to bug a developer for some help and will add it back in here).
Aall in all, this type of MacGyvering is great for generating new ways of thinking about your marketing experiences, and how you can guide people to a conversion.
I’ve found that thinking about a microsite from a conversion standpoint is a fantastic mental exercise.
Have fun making a microsite, and never stop experimenting – and MacGyvering! Cheers Oli
p.s. Don’t forget to subscribe to the weekly updates for the rest of Product Awareness Month.
0 notes
littlemarketingproject · 7 years ago
Text
How to Turn a Long Landing Page Into a Microsite – In 5 Easy Steps
Landing pages can get really long, which is totally fine, especially if you use a sticky anchor navigation to scroll people up and down to different page sections. It’s a great conversion experience and should be embraced.
However, there are times when having a small multi-page site, known as a microsite (or mini-site) can offer significant advantages.
This is not a conversation about your website (which is purely for organic traffic), I’m still talking about creating dedicated marketing-campaign-specific experiences. That’s what landing pages were designed for, and a microsite is very similar. It’s like a landing page in that it’s a standalone, controlled experience, but with a different architecture.
The sketch below shows the difference between a landing page and a microsite.
They are both “landing experiences”, just architected differently. I’ve noticed that many higher education landing experiences are four-page microsites. The pharmaceutical industry tends to create microsites for every new product campaign – especially those driven by TV ads.
What are the benefits of a microsite over a long landing page?
To reiterate, for most marketing campaign use cases, a single landing page – long or short – is your absolute best option. But there are some scenarios where you can really benefit from a microsite.
Some of the benefits of a microsite include:
It allows more pages to be indexed by Google
You can craft a controlled experience on each page (vs. a section where people can move up and down to other sections)
You can add a lot more content to a certain page, without making your landing page a giant.
You can get more advanced with your analytics research as there are many different click-pathways within a microsite that aren’t possible to track or design for on a single page.
The technique I’m going to show you takes an Unbounce landing page, turns it into a 5-page microsite.
.exampleTitle {padding:20px 5% 20px 9% !important;margin-top:50px !important;}
How to Create a Microsite from a Long Landing Page
The connective tissue of a microsite is the navigation. It links the pages together and defines the available options for a visitor. I’ll be using an Unbounce Sticky Bar as the shared global navigation to connect five Unbounce landing pages that we’ll create from the single long landing page. It’s really easy.
First, Choose a Landing Page to Work With
I’ve created a dummy landing page to work with. You can see from the zoomed-out thumbnail on the right-hand side how long it is: 10 page-sections long to be specific. (Click the image to view the whole page in a scrolling lightbox.)
The five-step process is then as follows:
I’ll explain it in more detail with screenshots and a quick video.
Create the microsite pages, by duplicate your landing page 5 times
Delete the page sections you don’t want on each microsite page
Create a Sticky Bar and add five navigation buttons
Set the URL targeting of the Sticky Bar to appear on the microsite pages
Add the Unbounce global script to your site
Click “Publish” << hardly a step.
Step 1: Create Your Microsite Pages
Choose “Duplicate Page” from the cog menu on your original landing page to create a new page (5 times). Then name each page and set the URL of each accordingly. In the screenshot below you can see I have the original landing page, and five microsite pages Home|About|Features|FAQ|Sign Up.
Step 2: Delete Page Sections on Each Microsite Page
Open each page in the Unbounce builder and click the background of any page section you don’t want and hit delete. It’s really quick. Do this for each page until they only have the content you want to be left in them. Watch the 30 sec video below to see how.
http://ift.tt/2CXvIK1http://ift.tt/1oYF5fw
  Pro Tip: Copy/Paste Between Pages
There is another way to do it. Instead of deleting sections, you can start with blank pages for the microsite, and copy/paste the sections you want from the landing page into the blank pages. This is one of the least-known and most powerful features of Unbounce.
The best way is to have a few browser tabs open at once (like one for each page), then just copy and paste between browser tabs. It’s epic! Watch…
http://ift.tt/2mactCshttp://ift.tt/1oYF5fw
  Step 3: Create the Navigation With a Sticky Bar
Create a new Sticky Bar in Unbounce (it’s the same builder for landing pages and popups). Add buttons or links for each of your microsite pages, and set the “Target” of the link to be “Parent Frame” as shown in the lower-right of this screenshot.
Step 4: Set URL Targeting
This is where the connective tissue of the shared Sticky Bar comes together. On the Sticky Bar dashboard, you can enter any URLs on your domain that you want the bar to appear on. You can enter them one-by-one if you like, or to make it much faster, just use the same naming convention (unique to this microsite/campaign) on each of the microsite page URLS.
I used these URLs for my pages:
http://ift.tt/2macxSI http://ift.tt/2CUeoW4 http://ift.tt/2macztO http://ift.tt/2CUeq08 http://ift.tt/2EmVYKQ
For the URL Targeting, I simply set one rule, that URLs need to contain “pmm-micro”. For the Trigger, I selected “When a visitor arrives on the page.” for the frequency, I selected “Show on every visit.” because the nav needs to be there always.
Step 5: Add the Unbounce Script
We have a one-line Javascript that needs to be added to your website to make the Sticky Bars work. If you use Google Tag Manager on your site, then it’s super easy, just give the code snippet to your dev to paste into GTM.
Note: As this microsite solution was 100% within Unbounce (Landing Pages and Sticky Bar), you don’t actually have to add the script to your website, you can just add it to the each of the landing pages individually. But it’s best to get it set up on your website, which will show it on your Unbounce landing pages on that domain, by default.
Click Publish on #AllTheThings!
And that’s that!
You can see the final microsite here. (Desktop only right now I’m afraid. I’ll set up mobile responsive soon but it’s 2am and this blogging schedule is killing me :D).
I’ve also written a little script that uses cookies to change the visual state of each navigation button to show which pages you’ve visited. I’ll be sharing that in the future for another concept to illustrate how you can craft a progress bar style navigation flow to direct people where you want them to go next!
A Few Wee Caveats
This use of a Sticky Bar isn’t a native feature of Unbounce at this point, it’s just a cool thing you can do. As such, it’s not technically supported, although our community loves this type of thing.
As it’s using a shared Sticky Bar for the nav, you’ll see it re-appear on each new page load. Not perfect, but it’s not a big deal and the tradeoff is worth it if the other benefits mentioned earlier work for you.
The close button on the Sticky Bar needs to be hidden (I need to bug a developer for some help and will add it back in here).
Aall in all, this type of MacGyvering is great for generating new ways of thinking about your marketing experiences, and how you can guide people to a conversion.
I’ve found that thinking about a microsite from a conversion standpoint is a fantastic mental exercise.
Have fun making a microsite, and never stop experimenting – and MacGyvering! Cheers Oli
p.s. Don’t forget to subscribe to the weekly updates for the rest of Product Awareness Month.
How to Turn a Long Landing Page Into a Microsite – In 5 Easy Steps syndicated from https://unbounce.com
0 notes
kennethmontiveros · 7 years ago
Text
How to Turn a Long Landing Page Into a Microsite – In 5 Easy Steps
Landing pages can get really long, which is totally fine, especially if you use a sticky anchor navigation to scroll people up and down to different page sections. It’s a great conversion experience and should be embraced.
However, there are times when having a small multi-page site, known as a microsite (or mini-site) can offer significant advantages.
This is not a conversation about your website (which is purely for organic traffic), I’m still talking about creating dedicated marketing-campaign-specific experiences. That’s what landing pages were designed for, and a microsite is very similar. It’s like a landing page in that it’s a standalone, controlled experience, but with a different architecture.
The sketch below shows the difference between a landing page and a microsite.
Tumblr media
The landing page is a single page with six sections. The microsite has a homepage and 5 or 6 child pages, each with a persistent global navigation to conect the pages.
They are both “landing experiences”, just architected differently. I’ve noticed that many higher education landing experiences are four-page microsites. The pharmaceutical industry tends to create microsites for every new product campaign – especially those driven by TV ads.
What are the benefits of a microsite over a long landing page?
To reiterate, for most marketing campaign use cases, a single landing page – long or short – is your absolute best option. But there are some scenarios where you can really benefit from a microsite.
Some of the benefits of a microsite include:
It allows more pages to be indexed by Google
You can craft a controlled experience on each page (vs. a section where people can move up and down to other sections)
You can add a lot more content to a certain page, without making your landing page a giant.
You can get more advanced with your analytics research as there are many different click-pathways within a microsite that aren’t possible to track or design for on a single page.
The technique I’m going to show you takes an Unbounce landing page, turns it into a 5-page microsite.
.exampleTitle {padding:20px 5% 20px 9% !important;margin-top:50px !important;}
How to Create a Microsite from a Long Landing Page
The connective tissue of a microsite is the navigation. It links the pages together and defines the available options for a visitor. I’ll be using an Unbounce Sticky Bar as the shared global navigation to connect five Unbounce landing pages that we’ll create from the single long landing page. It’s really easy.
First, Choose a Landing Page to Work With
I’ve created a dummy landing page to work with. You can see from the zoomed-out thumbnail on the right-hand side how long it is: 10 page-sections long to be specific. (Click the image to view the whole page in a scrolling lightbox.)
Tumblr media
The five-step process is then as follows:
I’ll explain it in more detail with screenshots and a quick video.
Create the microsite pages, by duplicate your landing page 5 times
Delete the page sections you don’t want on each microsite page
Create a Sticky Bar and add five navigation buttons
Set the URL targeting of the Sticky Bar to appear on the microsite pages
Add the Unbounce global script to your site
Click “Publish”
Step 1: Create Your Microsite Pages
Choose “Duplicate Page” from the cog menu on your original landing page to create a new page (5 times). Then name each page and set the URL of each accordingly. In the screenshot below you can see I have the original landing page, and five microsite pages Home|About|Features|FAQ|Sign Up.
Tumblr media
Step 2: Delete Page Sections on Each Microsite Page
Open each page in the Unbounce builder and click the background of any page section you don’t want and hit delete. It’s really quick. Do this for each page until they only have the content you want to be left in them. Watch the 30 sec video below to see how.
  Pro Tip: Copy/Paste Between Pages
There is another way to do it. Instead of deleting sections, you can start with blank pages for the microsite, and copy/paste the sections you want from the landing page into the blank pages. This is one of the least-known and most powerful features of Unbounce.
The best way is to have a few browser tabs open at once (like one for each page), then just copy and paste between browser tabs. It’s epic! Watch…
  Step 3: Create the Navigation With a Sticky Bar
Create a new Sticky Bar in Unbounce (it’s the same builder for landing pages and popups). Add buttons or links for each of your microsite pages, and set the “Target” of the link to be “Parent Frame” as shown in the lower-right of this screenshot.
Tumblr media
Step 4: Set URL Targeting
This is where the connective tissue of the shared Sticky Bar comes together. On the Sticky Bar dashboard, you can enter any URLs on your domain that you want the bar to appear on. You can enter them one-by-one if you like, or to make it much faster, just use the same naming convention (unique to this microsite/campaign) on each of the microsite page URLS.
I used these URLs for my pages:
unbounce.com/pam-micro-home/ unbounce.com/pam-micro-about/ unbounce.com/pam-micro-features/ unbounce.com/pam-micro-faq/ unbounce.com/pam-micro-signup/
For the URL Targeting, I simply set one rule, that URLs need to contain “pmm-micro”. For the Trigger, I selected “When a visitor arrives on the page.” for the frequency, I selected “Show on every visit.” because the nav needs to be there always.
Tumblr media
Step 5: Add the Unbounce Script
We have a one-line Javascript that needs to be added to your website to make the Sticky Bars work. If you use Google Tag Manager on your site, then it’s super easy, just give the code snippet to your dev to paste into GTM.
Tumblr media
Note: As this microsite solution was 100% within Unbounce (Landing Pages and Sticky Bar), you don’t actually have to add the script to your website, you can just add it to the each of the landing pages individually. But it’s best to get it set up on your website, which will show it on your Unbounce landing pages on that domain, by default.
Click Publish on #AllTheThings!
And that’s that!
You can see the final microsite here. (Desktop only right now I’m afraid. I’ll set up mobile responsive soon but it’s 2am and this blogging schedule is killing me :D).
I’ve also written a little script that uses cookies to change the visual state of each navigation button to show which pages you’ve visited. I’ll be sharing that in the future for another concept to illustrate how you can craft a progress bar style navigation flow to direct people where you want them to go next!
A Few Wee Caveats
This use of a Sticky Bar isn’t a native feature of Unbounce at this point, it’s just a cool thing you can do. As such, it’s not technically supported, although our community loves this type of thing.
As it’s using a shared Sticky Bar for the nav, you’ll see it re-appear on each new page load. Not perfect, but it’s not a big deal and the tradeoff is worth it if the other benefits mentioned earlier work for you.
The close button on the Sticky Bar needs to be hidden (I need to bug a developer for some help and will add it back in here).
Aall in all, this type of MacGyvering is great for generating new ways of thinking about your marketing experiences, and how you can guide people to a conversion.
I’ve found that thinking about a microsite from a conversion standpoint is a fantastic mental exercise.
Have fun making a microsite, and never stop experimenting – and MacGyvering! Cheers Oli
p.s. Don’t forget to subscribe to the weekly updates for the rest of Product Awareness Month.
How to Turn a Long Landing Page Into a Microsite – In 5 Easy Steps published first on http://nickpontemktg.blogspot.com/
0 notes