Interactive Design: Final Project sigle-page website - Favourite Artist

-


23/10/2023 - 10/12/2023 / Week  9 - Week 14
Amirah Akbar Ali  / 0361001
Interactive Design / Bachelor of Design in Creative Media 
Final Project / Single-Page Website for Your Favourite Artist





INSTRUCTIONS
 



Requirements:
  • Transform project one prototype into a full working page. 
  • Follow the same colour scheme and layout. 
  • Use HTML and CSS to translate the design elements into code, ensuring a faithful representation of the original prototype.
  • Make sure the site is responsive and compatible on multiple devices.
  • submit the link here. Update your e-portfolio with all the processes documented in the blog.




The Artist:

Elizabeth Woolridge Grant (born June 21, 1985), known professionally as Lana Del Rey, is an American singer-songwriter. Her music is noted for its cinematic quality and exploration of tragic romance, glamour, and melancholia, with frequent references to contemporary pop culture and 1950s–70s Americana. Her vintage Hollywood glamour aesthetic is presented not only in her music, but also in her music videos. She is the recipient of various accolades, including two Brit Awards, two Billboard Women in Music, two MTV Europe Music Awards, and a Satellite Award, in addition to nominations for eleven Grammy Awards and a Golden Globe Award. Variety honoured her at their Hitmakers Awards for being "one of the most influential singer-songwriters of the 21st century". Rolling Stone placed Del Rey on their list of the 200 Greatest Singers of All Time (2023), and Rolling Stone UK named her The Greatest American Songwriter of the 21st century (2023).Raised in northern New York, Del Rey moved to New York City in 2005 to pursue a music career

Sketch:









Figma prototype Layout:


Progress & Coding:





Final Web page:

Click HERE!
Reflection:

Studying Interactive Design and delving into the world of creating websites using HTML and CSS has been an enlightening journey for me. It's fascinating how these seemingly simple languages hold the power to transform ideas into interactive and visually appealing digital experiences. As I navigated through the intricacies of coding, I discovered the art of crafting user-friendly interfaces and the importance of seamless design. The hands-on nature of the subject not only equipped me with technical skills but also heightened my appreciation for the balance between functionality and aesthetics. Each line of code felt like a brushstroke, contributing to the canvas of a website. This experience has not only broadened my understanding of web development but has also sparked a newfound curiosity to explore further in the dynamic realm of interactive design.

Comments

Post a Comment

Popular posts from this blog

Digital & Social Media Communication - Task Compilation & Progression

-
Image
  24.09.2024 - 02.01.2025 (Week 1 - Week 14) Amirah Akbar Ali / 0361001 Digital & Social Media Communication  Task Compilation & Progression INSTRUCTION MIB LECTURES Week 1 FACT-FINDING (Drives your content) Social media content for awareness: to share with the people out there about the products and services. [already have certain market/followers] Visibility: beginning stage  Conversion: convert something into sales Questions to ask: How long has the business been around? How do you do your marketing (promote: offline/online store, etc)? What’s your revenue (sales) like? How big is the team? What is your conversion rate? (Follow-up question) How much do you spend? (Supplementary question) Do you keep track of your client database? *A high conversion rate is anything ranging from 30%> *Rule of thumb for ads= 1:2 Introduction to Social Media Content Creation and Planning Building Captions and Messaging Visual and Video Editing Strategic Use of Different Social ...
Read more

Task 1: Typography Exercise

-
Image
  4/04/2023 - 2/05/2023  Week 01 - Week 05 Amirah Akbar Ali (0361001) Bachelor of Design (Hons) in Creative Media Typography - Task 1: Exercise 1& 2 TABLE OF CONTENTS 1. Type Expression 2. Text Formatting Feedback   Reflection Further Reading Introduction Typography:   The art and technique of arranging type to make written language legible, readable, and appealing when displayed. Font:   The individual font or weight within the typeface. Typeface:   The entire family of fonts/weights that share similar characteris tics/styles.
Read more

Creative Brand Strategy - Task 1A & 1B

-
Image
  24.09.2024 - 15.10.2024 (Week 1 - Week 4) Amirah Akbar Ali / 0361001 Creative Brand Strategy Bachelor of Design in Creative Media  LECTURES Fig 1: MIB As part of my Creative Brand Strategy module at Taylor's University, I’ve embarked on a journey to deepen my understanding of branding and develop practical skills in crafting and presenting brand strategies. This module focuses on building brands with strong visual identities, making them resonate in the minds of consumers. Throughout the semester, we are tasked with analyzing existing brands and developing our own campaign proposals. 1. Case Study (Task 1A): In this part, we are required to analyze a well-known rebranding campaign. I chose Skittles' rebranding as it stands out for its playful and quirky nature, which is closely tied to its identity. Skittles recently refreshed its logo and packaging to modernize its look while maintai...
Read more