Skip to main content

Squarespace & Mapbox


During one of my following meetings with Bate Brand, I was asked by Elliott if I had worked with Mapbox – a mapping platform that supports customization and has a mobile friendly interface. I had a go with Mapbox Studio and attempted customizing the colours of elements of the map such as main roads, water,street name formatting, etc. Elliott then offered me that if I felt comfortable with the platform I could come up with a customized map that shows the location of Signature Printing’s office and makes it more appealing than using a simple Google maps plugin
At home I had more chance to explore the capabilities of the software. I tried some of the pre-made styles for the map and came up with some ideas on how to slightly amend them. I used different shades for the water colour and main road colour. 

Where static units were used in the code for any element’s width I changed them to relative which ensures that the content is responsive and displayed appropriately on a broad range on devices)
It took me some time to get how to save a style and export it in a Squarespace-accessible format. I found a solution which basically required putting a code block in Squarespace and embed the map with an iframe tag. 



Labels:

Comments

Post a Comment

Popular posts from this blog

Skills Gap & Job Analysis

Another step that I took which helped me visualise the steps I need to take in order to get a job in the field I have chosen was to look into current web design vacancies. Understanding what skills employers seek from candidates would help me analyse my understanding of how prepared I am at the moment to get a job in web design and what I need to do to increase the chances of getting employed. For the purpose I spent some time researching web design job specifications and came across a wide range of skills that are primarily required for the job. Here is a list of the vacancies which the content below is based on: Creative Web Designer - Atlantic Group (advertised by Indeed)  - optional screenshot Graphic Designer / Web Designer - Hays Specialist (advertised by Reed)  - optional screenshot Junior Web Designer - Become (Advertised by The Guardian Jobs)  - optional screenshot Web Designer - Dixons Carphone (advertised by TotalJobs)  - optional sc...
Post a Comment
Read more

The importance of a (live) Portfolio

During my first visit at Bate Brand’s studio I encountered a situation that made me feel quite nervous initially. After summarizing the idea of doing work experience, I was asked by Mr. Bate to show the team a representation of my work. I assumed that Mr. Bate wanted to see a live portfolio with excerpts that I have created – a necessity for any designer that works with web technologies and graphics. For the time being I did not have a portfolio that was available online. I had researched hosting options but did not go any further than that. This made me feel quite insecure and I felt almost ashamed that I had not proceeded with the task before.  I explained to Mr. Bate that at the present time I was not able to showcase my previous work in a remotely accessed format. I also mentioned that I had looked into domain availability and pricing plans and explained that at the time I could not afford them. However, I remembered that when approaching Bate Brand for a first time by an ...
Post a Comment
Read more

Choosing a career path

A career path I am passionate to pursue is the one of a web designer. It requires good understanding and following of current trends in web design technologies. Considering the interpersonal skills that employers demand, creativity, eye for detail and good communication skills are a necessity for becoming a competitive web designer. The main responsibility of this job from a technical aspect is to construct web pages for various businesses ranging from smaller companies that need to be advertised online to big corporations that seek professionals to manage all their online content via platforms like Wordpress and Joomla (“Web Designer Job Profile”, n.d). Unlike the position of a web developer who is managing the back-end of a website (programming languages, user interface, Search Engine optimization), a web designer is in charge of the visual presentation of the website (“Web Design Vs. Web Development: What’s the Difference?”, 2014) . This includes arranging the layout, colour...
Post a Comment
Read more