How I built This Website?
I'll show my thought process.
(Thread)
I'll show my thought process.
(Thread)
https://twitter.com/AartBerat/status/1442366004424626177
1. I don't really know who my target audience are. They could be IT people, corp comm, sales or people looking to find a job.
2. Because I don't know, I have to remove all jargons. Focus on 1 thing, "website is story telling that leads to purchase".
2. Because I don't know, I have to remove all jargons. Focus on 1 thing, "website is story telling that leads to purchase".
3. Once I have some basic idea, I planned the flow.
General > Narrower > Tight topic.
Brand Positioning > USP > FAB.
I wrote the entire copywriting before I started designing.
General > Narrower > Tight topic.
Brand Positioning > USP > FAB.
I wrote the entire copywriting before I started designing.
4. Design. Keep it ridiculously simple.
I don't want fancy stuff shooting to the sky. Some image to poke your eyes. Clean and basic.
5. Bitch about Edit. Keep the language short and tight. Remove as much until it almost loses context.
I don't want fancy stuff shooting to the sky. Some image to poke your eyes. Clean and basic.
5. Bitch about Edit. Keep the language short and tight. Remove as much until it almost loses context.
6. Evaluate the Tech.
I could've easily built with HTML, but where's the fun in that? WP it is.
Oxygen vs Elementor. Oxygen, I want it blazing fast and needed to write php/js.
Page transition using barbajs. This was the most difficult to play around with.
I could've easily built with HTML, but where's the fun in that? WP it is.
Oxygen vs Elementor. Oxygen, I want it blazing fast and needed to write php/js.
Page transition using barbajs. This was the most difficult to play around with.
Animation using GSAP. This was sort of my first time doing js. I had to learn from scratch so that I understood what needed to be coded.
Icing on the cake is Locomotive Scroll.
Integrate all these JS library took me 3 weeks to fully realised what I wanted to build.
Icing on the cake is Locomotive Scroll.
Integrate all these JS library took me 3 weeks to fully realised what I wanted to build.
7. Mobile view. My users prefer desktop. So I favored desktop. I'm going to lose points on SEO, but that wasn't part of the goal
Mobile was super pain, thankfully I used Oxygen and understood HTML really well.
Mobile was super pain, thankfully I used Oxygen and understood HTML really well.
When a company asked me to build exactly like this, I asked for 6 figures. Because its that damn difficult to execute.
Out in the open. For you to learn and try yourself.
laman7.com (Best on Desktop)
Thank you @AartBerat for featuring us.
Out in the open. For you to learn and try yourself.
laman7.com (Best on Desktop)
Thank you @AartBerat for featuring us.
Here's the fundamental.
From here, we build on top of each fundamental.
From here, we build on top of each fundamental.
https://twitter.com/edwinmasripan/status/1379242094938574850?s=19
• • •
Missing some Tweet in this thread? You can try to
force a refresh
