Wireframe Landing Page
This project started with my usual look through projects on Upwork. It came at the perfect time when I was talking with tech friends about wanting a project where I can combine old school themes with modern design. A common example I used was the Netflix series, The Umbrella Academy, where music hits from various time frames are seamlessly mixed into a modern story.
CLIENT & PROJECT GOALS
MY NEXT EX is a cover band based in New Jersey that performs classic 1980s music. The band needed a landing page that was professional yet showcased the fun of 1980s music.
• Link to Meet The Band
• Link to playlist
• Link to schedule
• Link to testimonials (Meet the band)
• Link to Contact Page
• Link to Videos (with playlist)
September 2 - September 9 (1 week)
As I mentioned throughout my portfolio, I love to tell stories. A great plot means nothing without a great character. Even throughout my formal Marketing and Communication education, I have always had a particular interest in target market and social media user analyses. When I do not have the resources or time to conduct a full research analysis like conducting a survey, I find in-depth searches on Generational trends to be incredibly helpful.
Empathy provides a snapshot into an individual’s experience. Creating a persona gives me a snapshot into a target audience. Every detail I give to my personas are deliberate. The age represents the typical age range of a generation. Locations are often chosen based on the location of the brand owner and/ or brand. Occupations indicate income and time availability to interact with the brand that I am designing the website for. What they do in their spare time indicates the persona’s visual preferences.
Below is our friend, James. Because the cover band is based in NJ, James is from NJ. Brooklyn Nine Nine and Big Bang Theory are fun and relatable shows often with references of old school trends like Star Wars or old school music. High school teachers often have the opportunity to decorate their rooms as they please. This indicates that self-expression is important to James. Read below to learn more about our friend.
GENERATION X TRAITS
Typically in Management positions
Value collaboration in the workplace
Like communication concise and to the point
Hobbies often include watching Television
His style is retro but simple. He prefers quality hand-made images over fun quirky computer created drawings.
James is a high school mathematics teacher of 17 years. He enjoys his job because he can be direct with his students. His teaching style is like his personality, information is present short, sweet and to the point. His office is decorated with pictures of old album covers and pictures of his husband and dog. His students think he is retro and in style. In reality, he has kept to the same style he used to love as a teenager.
RELEVANT HOBBIES & VALUES
He loves to watch comedies like Brooklyn Nine Nine, Game of Thrones, Big Bang Theory, Young Sheldon and Man With A Plan. He occasionally binges dramas like Ozark and Breaking Bad.
I take the phrase “word-vomit” to the max with inspiration. Depending on what is already provided (i.e. brand colors, logos, etc.), I research anything and everything related to it. I prefer Pinterest to use for my mood board because it is easier to navigate for me.
KEYWORDS: 1980s fun, 80s fonts, arcade, 1980s color
View full Inspiration Board on Pinterest
THE FINAL DESIGN
This project was a great opportunity to learn more about great music hits. I had Whitney Houston’s “I Wanna Dance With Somebody” replaying in my head long after I finished the project. I will say, creating a modern, 80s themed website has its challenges. The two descriptions feel like an oxymoron. While the 80s is known for its cluttered designs, modern designs have moved to a more simplistic design.
For this reason, I based much of the design off of the cover band’s logo. The logo, with its sharp lines, give a bold and edgy feel. For this reason, I went with harsh lines and brighter colors. The piece that I am most proud of with this project is the use of shapes in the background. Adjusting and maneuvering them so they do not overpower the actual text was a difficult and fun challenge to overcome.
HEADING 1 FONT:
Seymour One size 100px
Rage size 100px
Seymour One size 30px